HTML 5 input type="date" funktioniert nicht im Firefox

Bin ich mit HTML5 <input type="date" />die funktioniert gut in Chrome und ich bekomme den popup-Kalender zur Auswahl des Datums.

Aber in firefox funktioniert es wie ein Textfeld und kein Kalender angezeigt.

Nachdem ich einige der Forschung sehe ich einige Lösungen, die mit webshims, modenizr, etc... aber ich will nicht, um jQuery verwenden.

Gibt es eine alternative dafür? Wie kann ich es machen das in Firefox ?

InformationsquelleAutor der Frage Aditi | 2015-05-28

  1. 23

    BEARBEITEN: von Firefox 57, <input type="date"/> ist teilweise unterstützt.

    Firefox keine Unterstützung für HTML5 - <input type="date"/> noch.

    Haben Sie zwei Möglichkeiten:

    • immer einen Javascript-datetime-picker, oder
    • überprüfen, ob der browser das unterstützen tag, wenn ja benutze es, wenn Nein, dann fallback auf eine javascript-datepicker (jQuery oder einige andere).

    Dies wird als Feature-Erkennungund Modernizr ist die beliebteste Bibliothek.

    Immer eine javascript-datepicker-ist einfacher und schneller, aber es funktioniert nicht mit deaktiviertem javascript (who cares), es funktioniert sehr schlecht auf Handy (dies ist wichtig) und es riecht alt.

    Mit der hybrid-Ansatz, sondern lassen Sie deckt jeden Fall ab, bis zu dem Tag, wenn jeder browser unterstützt die HTML5 datepicker, in einer standardisierten Art und Weise und ohne javascript. Es ist zukunftssicher, und dies ist besonders wichtig in mobilen surfenwo die javascript-datepickers sind fast unbrauchbar.

    Dies ist ein kick-off-Beispiel zu tun, dass auf jeden <input type="date"/> element auf jeder Seite automatisch:

    <script>
    $(function(){           
        if (!Modernizr.inputtypes.date) {
        //If not native HTML5 support, fallback to jQuery datePicker
            $('input[type=date]').datepicker({
                //Consistent format with the HTML5 picker
                    dateFormat : 'yy-mm-dd'
                },
                //Localization
                $.datepicker.regional['it']
            );
        }
    });
</script>

    Es jQuery verwendet, weil ich jQuery verwenden, aber Sie sind frei, zu ersetzen, die jQuery Teile mit vanilla javascript, und das datepicker-Teil mit einem javascript-datepicker Ihrer Wahl.

    InformationsquelleAutor der Antwort Andrea Ligios

  2. 3

    Es arbeitet jetzt. Seit Firefox 53, können Sie es aktivieren, in about:config durch die Aktivierung dom.forms.datetype option. Sehen http://caniuse.com/#feat=input-datetime und https://developer.mozilla.org/en-US/Firefox/Experimental_features

    InformationsquelleAutor der Antwort Massimiliano Arione

  3. 1
    `input type="date"` is not supported on mozilla

    überprüfen Sie die link für die Liste der unterstützten Ereignisse

    InformationsquelleAutor der Antwort Visakh B Sujathan

  4. 1

    Ich 6 HTML-selectboxes, für die verschiedenen Elemente, mit der OPTION-Anweisungen für die richtigen Werte:

    Jahr 2000-2050 (oder was auch immer Sie wählen)
    Monat 1-12 (Sie können es haben, zeigen, Monatsnamen)
    Tag 1-31
    Stunde 0-23 (oder verwenden 12 Uhr - 11 Uhr, dies ändert nur die Anzeige)
    minute 0-59
    Sekunde 0-59 (oder einfach davon ausgehen, 0)

    Kein Javascript benötigt wird, obwohl ich Sie verwenden einige zu vermeiden, ungültige Auswahlen (wie im Februar 30). Diese wird ausgelöst bei änderung von Monat oder Jahr.

    InformationsquelleAutor der Antwort Mark Lloyd

  5. -2

    Welche version von firefox Sie verwenden.Firefox niedrigeren Versionen weniger als 30 werden keine Unterstützung für die meisten html5-Funktionen und html5 input type="date" wird nicht unterstützt, für firefox.
    Für weitere details siehe bitte:http://caniuse.com/#feat=input-datetime.

    1. Der firefox-browser nicht bieten volle Unterstützung für html5, aber die meisten Funktionen werden unterstützt, Versionen auf über 30.
    2. Die bequemer war ist die Verwendung der jquery oder bootstrap datetimepicker für die Auswahl von Datum.Unterstützt wird Sie auf allen browser-Typen.

    InformationsquelleAutor der Antwort sonam gupta

Schreibe einen Kommentar