Datumseingabe funktioniert nicht in Firefox
Ich habe die folgende Datumseingabe:
%Vor%Wenn ich in Chrom darauf klicke, erscheint eine Datumsauswahl:
Wenn ich jedoch auf Firefox klicke, erscheint der Datapicker nicht 
nach oben:
Weiß jemand, warum das passiert und / oder wie ich es in Firefox beheben kann, so ist es konsistent?
Hinweis - Ich verwende Bootstrap 3
Vielen Dank im Voraus !!
5 Antworten
Leider <input type="date"/> wird in Firefox nicht unterstützt. Um den Datumstyp in allen Browsern verwenden zu können, können Sie die Verwendung von Modernisierer prüfen. Wenn Sie nicht unterstützt werden, können Sie auf Javascript zurückgreifen, um den Datumszeiger anzuzeigen.
Die Browserunterstützung für Funktionen wie diese ist sehr unterschiedlich. Derzeit unterstützen Firefox und einige andere Browser die Verwendung von <input type='date' /> elements nicht als hier und sind im Diagramm zu sehen unten:
Betrachten Sie eine Javascript-basierte Alternative
Was Sie in Erwägung ziehen könnten, ist die Verwendung eines Javascript-basierten Plugins wie jQueryUIs DatePicker , um alle Elemente dieses Typs zu targetieren und zuzulassen Übernehmen Sie eine browserfreundlichere Art und Weise:
%Vor%Zusätzlich können Sie sich auch ein Bootstrap-spezifisches Plugin ansehen, wie zum Beispiel bootstrap-datepicker , wodurch Sie ein konsistenteres Erscheinungsbild erhalten.
Aktualisieren Sie FireFox auf den neuesten Stand. (v57) Dieses schmerzhafte Problem ist für immer verschwunden: -)
Siehe Kann ich verwenden ?
Google Docs : Ссылка
Beweis :
Versuchen Sie diesen Link. Dies funktioniert in Firefox Ссылка
Die Ursache dafür, dass das Format nicht in allen Browsern gleich ist, liegt an der unterschiedlichen Implementierung des JavaScript-Konstruktors Date () in verschiedenen Browsern:
%Vor%Firefox:
"Ungültiges Datum"
(das kann je nach Definition korrekt sein).
IE:
"Wed Jun 12 2019 ..."
(jetzt ist das falsch!)
.. das kommt von C / C ++ intern: es konvertiert 30 bis 2 Jahre (24 Monate) + 6 Monate - & gt; Jun (Dez + 6 Monate) 2019 (2017 + 2 Jahre).
Grundsätzlich funktioniert es auf ALLEN Browsern schlecht!
Sie können die Datumsfunktion "jquery.validate.js" ändern (oder die Datumsfunktion außer Kraft setzen):
Hier ist die Lösung. Dies funktioniert für einen Kunden von mir:
Sie werden auch bemerken, dass es für IE und so weiter mehr Prüfungen durchführt, indem es viele schlechte Daten nicht erlaubt.
// http://docs.jquery.com/Plugins/Validation/Methods/date
Datum: Funktion (Wert, Element) {
%Vor%},
Prost, Ron Lentjes, LC CLS
Tags und Links html firefox datepicker twitter-bootstrap