IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Voir le flux RSS

danielhagnoul

Modifier une date en fonction d'une autre date

Noter ce billet
par , 31/03/2018 à 23h41 (1471 Affichages)
C'est une question qui revient régulièrement sous des formes diverses, voici la dernière .

Pour ce genre de problème, on a toujours tendance à renvoyer vers jQuery et jQuery UI DatePicker parce que cette solution est utilisable sur las navigateurs obsolètes.

Mais les navigateurs d'aujourd'hui (Chrome, Firefox et Edge) disposent d'un calendrier avec <input type="date"> et il est très facile de s'en servir.

Voici un exemple de formulaire pour organiser un voyage. Le choix de la date de départ dépend de la date du jour et le choix de la date de retour dépend de la date de départ.

Exemple en ES2015+ avec commentaires

Nota bene pour les utilisateurs de Firefox

J'ai adopté les modules ES2015 partout, c'est tellement pratique, mais Firefox est en retard par rapport à Chrome et Edge, voir Can I use module : https://caniuse.com/#search=module.
La sortie de Firefox 60 (normal) est prévue pour le 2018-05-09 (https://wiki.mozilla.org/RapidRelease/Calendar)

Nom : 88x31.png
Affichages : 109
Taille : 1,4 Ko Licence Creative Commons Attribution 2.0 Belgique

Envoyer le billet « Modifier une date en fonction d'une autre date » dans le blog Viadeo Envoyer le billet « Modifier une date en fonction d'une autre date » dans le blog Twitter Envoyer le billet « Modifier une date en fonction d'une autre date » dans le blog Google Envoyer le billet « Modifier une date en fonction d'une autre date » dans le blog Facebook Envoyer le billet « Modifier une date en fonction d'une autre date » dans le blog Digg Envoyer le billet « Modifier une date en fonction d'une autre date » dans le blog Delicious Envoyer le billet « Modifier une date en fonction d'une autre date » dans le blog MySpace Envoyer le billet « Modifier une date en fonction d'une autre date » dans le blog Yahoo

Mis à jour 08/06/2018 à 10h35 par danielhagnoul (Licence)

Catégories
Javascript , Développement Web , ES2015

Commentaires