Eine detailiertere Beschreibung und Beispiele befinden sich auf der Bakehouse Datepicker Seite.
Generiert ein Eingabe-Feld mit Datums- und/oder Uhrzeitauswahl.
Achtung
Nicht für Content-Element-Settings
Dieser ViewHelper ist nicht für Content-Element-Settings vorgesehen und darf daher nicht für diesen Zweck verwendet werden.
Die Verwendung ist ausschließlich im "Front-End" und Formular-Manager erlaubt.
Achtung
"required" HTML Validierung funktioniert nicht
Da der Datepicker ein "readonly" Eingabe-Feld generiert, greift das required Attribut nicht. Aus diesem Grund muss im TypoScript eine Back-End-Validierung konfiguriert werden: Beispiel-Konfiguration
Attribute
| Name | Beschreibung | Type | default | required |
|---|---|---|---|---|
| min | Frühestes auswählbares Datum:
| string | false | |
| max | Spätestes auswählbares Datum:
| string | false | |
| controls | Angezeigte Auswahl-Elemente:
| string | calendar | false |
| dateFormat | Datumsformat | string | DD.MM.YYYY | false |
| timeFormat | Uhrzeitformat | string | HH:mm | false |
| stepMinute | Schritte bei Minuten | integer | 1 | false |
| stepHour | Schritte bei Stunden | integer | 1 | false |
Beispiel
html
<bh:form.datepicker name="datum" min="0" max="30" controls="datetime" dateFormat="DD.MM.YYYY" timeFormat="HH:mm" stepMinute="1" stepHour="1" />
Ausgabe
html
<input name="datum" type="text" data-datepicker="{'min':0,'max':30,'controls':'datetime','dateFormat':'DD.MM.YYYY','timeFormat':'HH:mm','stepMinute':1,'stepHour':1}" id="mbsc-control-0" readonly="">