DateTimePicker : différentes solutions

Publié dans HTML et CSS | Marqué avec , , , ,
Share

Plusieurs solutions existent pour sélectionner facilement une date avec un DatePicker (et l’heure pour un DateTimePicker !) pour le Web. Voici une petite sélection.

HTML5 DateTimePicker

Eh oui, sélectionner facilement la date, c’est possible nativement dans votre navigateur avec une simple balise HTML. L’inconvénient c’est que ce n’est pas encore très supporté. Dans Opera, mais ailleurs… ? Et il faut reconnaître que ce n’est pas magnifique.

Choisir une date : <input type="datetime" name="yourDate" />

html5-datetimepicker

Voir les exemples du W3Schools.

Twitter Bootstrap

datetimepicker-separate

En mode DatePicker, on sélectionne simplement la date.

On sélectionne la date, puis on switch sur la sélection de l'heure et on peut re-switcher sur la date, etc...

On sélectionne la date, puis on switch sur la sélection de l’heure et on peut re-switcher sur la date, etc…

  • DatePicker : apparemment, DateTimePicker est plus un moins un fork éloigné de DatePicker. Ce dernier fournit d’avantage de paramètres de configuration, mais ne propose pas la gestion de l’heure.

jQuery Ui DatePicker

L’un des DatePicker les plus connu est celui de jQuery UI. La démo est impressionnante de fonctionnalités, et de nombreux thèmes sont disponibles. Par contre, il n’y a pas de DateTimePicker (d’autres plugins de plugins existent cependant…).

Différentes langues sont disponibles, mais je ne sais plus où. J’ai une version française qui traîne.

jqueryui-datepicker

A vous de choisir ce que vous préférez en fonction de ce que vous utilisez déjà, et du compromis poids / fonctionnalités que vous visez 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*