Formularfeld zur Datumseingabe mit Date-Picker

[thesweetg]

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!

[Kahmoon]

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

[mdoll]

Hi,

im Formular ein Textfeld mit Eingabeprüfung Datum.

Dann das Template form_textfield.html ändern.

Zeile 20

type="<?= $this->type ?>"

ändern in

type="date"

Fertig ist der Datepicker. Und die Browserunterstützung ist auch ziemlich gut:
https://caniuse.com/?search=type%3Ddate


Gruß
Mathias

[MichaelS]

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

Hi,

im Formular ein Textfeld mit Eingabeprüfung Datum.

Dann das Template form_textfield.html ändern.

Zeile 20

type="<?= $this->type ?>"

ändern in

type="date"

Fertig ist der Datepicker. Und die Browserunterstützung ist auch ziemlich gut:
https://caniuse.com/?search=type%3Ddate


Gruß
Mathias

[Janborg]

Hast du mal probiert, es in form_textfield_date.html5 umzubenennen!?


Gesendet von iPhone mit Tapatalk

[MichaelS]

Die Lösung kann so einfach sein.

Tatsächlich, wenn ich "textfield" stehen lasse und "date" anhänge klappt es.

Bei den anderen Präfixen war mir das bekannt, aber dass hier auch das zweite benötigt wird, da wäre ich wohl nie drauf gekommen.

VIELEN HERZLICHEN DANK !!!

Viele Grüße und ein schönes Wochenende

Michael