Formularfeld zur Datumseingabe mit Date-Picker
Hallo liebe Contao-Community,
wie erstelle ich am einfachsten ein Formularfeld zur Datumseingabe mit einem Date-Picker?
Es handelt sich um ein Formular das mit dem Contao-Formulargenerator erstellt wurde und im Frontend für den Websitebesucher aufscheinen soll.
Der Besucher sollte dann mit dem Date-Picker bequem ein Datum auswählen können.
Brauch ich hierzu diese Erweiterung:
https://packagist.org/packages/trilo...bit-datepicker
... oder geht das mit Contao-Bordmitteln?
Danke für eure Hilfe!
Liste der Anhänge anzeigen (Anzahl: 1)
Ich habe bei mir im Formulargenerator ein Feld dafür ohne extra Erweiterung wenn ich das richtig sehe.
Edit: Folgendes habe ich installiert: https://github.com/hofff/contao-calendarfield
Aber wie das Template einbinden?
Hallo Mathias,
ich habe deinen Post gefunden und hoffe, du kannst mir weiterhelfen.
Genau wie von dir beschrieben wollte ich es machen. Zusätzlich habe ich das Template in form_date.html5 umbenannt und wollte es dem einen Formularfeld zuordnen.
Aber leider kommt dann schon der nächste Haken.
Man kann in einem Formularfeld nur das für den Feldtyp vorgesehene Formularfeld-Template auswählen. Beim Textfeld also nur form_textfield.html5. Andere werden gar nicht zur Auswahl angezeigt.
Eine grundsätzliche Änderung von form_textfield.html5 macht aber keinen Sinn, denn das wirkt sich ja auf alle Formularfelder aus. Dann bekommen alle Formularfelder den Type "date".
Wie kann ich das neu generierte Template denn diesem einen Formularfeld zuweisen?
Mit hofff/contao-calendarfield würde es zwar gehen, aber ich habe bereits eine andere Erweiterung, die für ihre Formulare einen Datepicker an Bord hat. Nun wollte ich dem "normalen Formular" halt die gleiche Optik und die gleiche Funktionalität geben. Dafür brauche ich lediglich den Type "date".
Dafür extra noch eine Erweiterung erscheint mir überladen.
Schon mal vielen Dank und viele Grüße
Michael
Zitat:
Zitat von
mdoll
Hi,
im Formular ein Textfeld mit Eingabeprüfung Datum.
Dann das Template
form_textfield.html ändern.
Zeile 20
Code:
type="<?= $this->type ?>"
ändern in
Fertig ist der Datepicker. Und die Browserunterstützung ist auch ziemlich gut:
https://caniuse.com/?search=type%3Ddate
Gruß
Mathias