Erstellt eine Datumsauswahl für ein Zimmer.
Folgender Namespace muss im Templatefile gesetzt werden:
{namespace hapi=TYPO3\BhHapi\ViewHelpers}
{namespace hapi=TYPO3\BhHapi\ViewHelpers}
Attribute
Name | Beschreibung | Type | default | required |
---|---|---|---|---|
room | Hier wird ein Zimmer-Objekt (Array) mitgegeben. Im Array darf nur ein Zimmer mitgegeben werden. | array | - | true |
package | Hier kann ein ein Pauschal-Objekt (Array) mitgegeben werden. Im Array darf nur eine Pauschale mitgegeben werden. ACHTUNG: Wenn ein Package mitgegeben wird, wird der Rateplan nicht mehr berücksichtigt. | array | - | false |
rateplan | Hier kann ein ein Rateplan-Objekt (Array) mitgegeben werden. Im Array darf nur ein Rateplan mitgegeben werden. ACHTUNG: Der Rateplan wird nur berücksichtigt, wenn kein Package angegeben ist. | array | - | false |
singleMonth | 'auto' = In der Mobilversion wird ein Monat ausgegeben, am Desktop werden zwei Monate ausgegeben, 'true' = ein Monat, 'false' = zwei Monate | string | auto | false |
showLegend | Gibt an, ob die Legende zum DatePicker angezeigt wird | boolean | true | false |
Beispiel
html
<hapi:datePicker package="{package}" room="{room}" />
Ausgabe
html
<div class="bh-hapi-datepicker-container">
<div class="bh-hapi-datepicker bh-hapi-datepicker-package" data-room="DZ" data-package="PACKAGE_1" data-singlemonth="auto"></div>
<div class="bh-hapi-datepicker-keymap">
<div class="bh-keymap-item bh-keymap-item-arrival">
<div class="bh-keymap-icon"></div>
<div class="bh-keymap-label">nur Anreise</div>
</div>
<div class="bh-keymap-item bh-keymap-item-departure">
<div class="bh-keymap-icon"></div>
<div class="bh-keymap-label">nur Abreise</div>
</div>
<div class="bh-keymap-item bh-keymap-item-available">
<div class="bh-keymap-icon"></div>
<div class="bh-keymap-label">verfügbar</div>
</div>
<div class="bh-keymap-item bh-keymap-item-locked">
<div class="bh-keymap-icon"></div>
<div class="bh-keymap-label">keine An- & Abreise</div>
</div>
<div class="bh-keymap-item bh-keymap-item-notavailable">
<div class="bh-keymap-icon"></div>
<div class="bh-keymap-label">nicht verfügbar</div>
</div>
<div class="bh-keymap-item bh-keymap-item-selected">
<div class="bh-keymap-icon"></div>
<div class="bh-keymap-label">Auswahl</div>
</div>
</div>
</div>