web-dev-qa-db-fra.com

HTML 5 datepicker dans firefox

Existe-t-il un moyen de paramétrer activer un datepicker dans Firefox (version 21) avec HTML 5. Je ne souhaite pas utiliser un datepicker basé sur jQuery car javascript sera désactivé dans les navigateurs où le site Web sera utilisé. Datepicker fonctionne bien avec Chrome.

Donc, si html 5 datepicker n’est pas supporté, comment puis-je ajouter un datepicker sans jquery?

html5google-chromefirefox
16
Aravind Bharathy

jQuery UI a un widget datepicker que vous pouvez conditionnellement charger si le navigateur n'en est pas intégré. Le problème est que même si vous seulement sélectionnez le widget datepicker dans une version personnalisée de jQuery UI } , cela reste un téléchargement important.

Ma solution préférée consiste à utiliser yepnope, fourni avec Modernizr , pour charger sous condition les fichiers CSS et JS de jQuery UI uniquement si est nécessaire pour le sélecteur de date. En combinant cela avec une version optimisée de Modernizr _ et une version jQuery UI uniquement pour les pointeurs de dates , vous obtenez le plus petit téléchargement pour tous les navigateurs possibles.

yepnope({ /* included with Modernizr */
  test : Modernizr.inputtypes.date,
  nope : {
    'css': '/path-to-your-css/jquery-ui-1.10.3.custom.min.css',
    'js': '/path-to-your-js/jquery-ui-1.10.3.datepicker.min.js'
  },
  callback: { // executed once files are loaded
    'js': function() { $('input[type=date]').datepicker({dateFormat: "yy-mm-dd"}); } // default HTML5 format
  }
});
14
Blazemonger

Firefox 57 (14 novembre 2017) le supporte:

http://caniuse.com/#feat=input-datetime

13
Abel Pastur

Vieille question, mais j'ai trouvé ceci ici (firefox 54), du moins, ce qui donne de l'espoir:

Allez à propos de: config et recherchez Dom.forms.datetime

Définissez les deux entrées trouvées sur true, et voilà! Il ne leur reste plus qu'à les activer par défaut!

2
Stephanie Peters

Firefox (version 21) ne supporte pas input type=date.

Ici vous avez un site qui vous dit ce qu’il supporte et ce qu’il ne fait pas Firefox21

1
maqjav

Firefox 57 a enfin un sélecteur de date avec un calendrier cliquable (<input type = "date">).

 enter image description here

Le timepicker est juste un champ de texte qui limite la saisie aux heures valides. Malheureusement, il ne prend en charge que le format horaire 12 heures (<input type = "time">).

 enter image description here

datetime-local n'est toujours pas pris en charge (<input type = "datetime-local">).

0
Max M.