web-dev-qa-db-fra.com

Prise en charge de Datepicker dans IE11 et Firefox

Qu'est-ce qui ne va pas avec cette simple page HTML lorsqu'un sélecteur de date ne s'affiche pas dans FireFox 30.0 et IE 11?

<!DOCTYPE html>
<html>
    <head>
        <title>Untitled Page</title>
    </head>
    <body>
        <form>
            <label> Date field:</label><br />
            <input type="date" value="" />
        </form>
    </body>
</html>
html5internet-explorerfirefoxinternet-explorer-11
8
Vlad from Moscow

Internet Explorer 11 ne prend actuellement pas en charge <input type='date'>, bien que nous ayons déclaré récemment annoncé que le travail était en cours. Vous pouvez suivre ces progrès en ligne à l'adresse _ { http://status.modern.ie } _.

Firefox ne semble pas non plus prendre en charge cet attribut pour le moment. Un un bogue a été ouvert en 2012 demandant à ce qu'un support soit ajouté, mais aucun correctif n'a encore été installé.

Si vous avez besoin de cette fonctionnalité aujourd'hui, je vous encourage à utiliser Datepicker de jQuery .

20
Sampson

Mise à jour de février 2019:

Edge prend en charge le sélecteur de date, mais après 4 ans et plus, il semble que IE ne le fera jamais. Même chose avec le bureau Safari (bien que Safari mobile le supporte). Voir: Support de datepicker de CanIUse .

Chrome et Edge utilisent le format de date à partir des paramètres système de l'ordinateur de l'utilisateur, ce qui peut surprendre si vous vous attendez ISO 8601 et que vos utilisateurs ne résident pas au Danemark ni au Canada.

Datepicker de JQuery ne fonctionne avec bootstrap 4 que si vous utilisez la distribution REGULAR JQuery. la documentation Bootstrap 4 montre la version SLIM, qui m'a un peu déclenché.

Autres alternatives:

  • uxsolutions bootstrap-datepicker "Un sélecteur de date pour Bootstrap provenant de Stefan Petre (de eyecon.ro), les améliorations apportées par eternicode" a beaucoup d’étoiles sur github et semble fonctionner avec bootstrap 4.
  • Certains amis ont recommandé le eyecon Datepicker pour Bootstrap dont je suppose que c’est l’original à partir duquel uxsolutions a été créé.
  • Pickaday est assez populaire, bien que/ JS Deliver CDN ne dispose pas actuellement d’un hashcode d’intégrité et il n’existe aucun téléchargement prédéfini - vous devez construire avec un nœud ou quelque chose du genre.
0
GlenPeterson

Il est déjà dans Firefox depuis la version 51 (26 janvier 2017), mais il n'est pas encore activé par défaut

Pour l'activer:

à propos de: config

dom.forms.datetime -> défini sur true

0
user1909711