Date- und Timepicker einheitlich darstellen?

Hallo,

ich habe auf einer Webseite Formularfelder für die Eingabe von Datum und Uhrzeit. Dort setze ich einen Datepicker ein. Dieser funktioniert ordentlich im Firefox, aber z. B. Crome und Edge haben eigene Date- und Timepicker für diese input-Felder, die meinen (foundation datepicker) überlagern. Die beißen sich und eine ordentliche Eingabe ist nicht möglich.

Kann man das browsereigene Verhalten abstellen/unterdrücken, so dass der Datepicker einheitlich per Javascript angezeigt wird? Oder sollte ich meinen entfernen und habe dann z. B. in Firefox - und wer weiß wo noch - gar keinen? Oder (mit viel Aufwand?) nur bei einem Browser ohne diese Funktion den eigenen Datepicker verwenden? Würde das gehen, wenn ja, wie?

Viele Grüße,
Ignatz

Da mir hier keiner helfen konnte, habe ich weiter nach einer Lösung gesucht.
Ein Ansatz auf Github von Leo hat mir zumindest teilweise weitergeholfen:

Code:

---

input[type="date"] {
        -webkit-appearance:none;
        -moz-appearance:none;
}

---

Das unterdrückt den Firefox-Datums-Selektor zuverlässig, aber auf Chrome hat das keine Auswirkung.
Hat nicht noch jemand eine Idee?

Gruß,
Ignatz

Hallo :) versuch doch mal folgendes:

Code:

---

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator{
    display: none;

}

---

Gruß Socke

Das lässt die Button für die browsereigenen Picker verschwinden, der Chrome jedoch akzeptiert weiterhin die Eingaben über den eigenen Picker nicht.

Ich habe es jetzt aufgegeben nach einer Lösung zu suchen und habe einfach den input mit type="text" festgelegt. Da kommen mir die Browser jetzt nicht mehr in die Quere.

Vielen Dank!
Ignatz

Blöde Frage aber wenn ich in den Einstellungen das Zeitformat ändere ändert sich nicht das Zeitformat bei meinen Events.

Aktuell wird bei meinen Events anstatt 13 - 18 Uhr nämlich 1-6 Uhr angezeigt, obwohl die Zeitzone Europe/Berlin ist. Das Datum- und Zeitformat ist aktuell so d.m.y – H:i

Vielen Dank.

Contao 3.5.34

Für das Frontend werden die diesbezüglichen Einstellungen im "Startpunkt einer Webseite" gemacht.

Und falls da auch nichts entsprechend unerwünschtes drinsteht, kann unter Umständen im Ausgabetemplate eine anders formatierte Ausgabe erfolgen.

Hallo,

ich konnte es bereits erfolgreich ändern.

Viele Grüße