Bonjour à tous, j'ai créé un formulaire qui contient, entre autres, un créneau horaire.

En fait ce créneau horaire correspond à une date (et heure) de début et une date (et heure) de fin, et il ne doit pas être supérieur à 3 jours (72 heures).

Du coup je voudrais faire en sorte que, lors du remplissage du formulaire par l'utilisateur, la date de fin ne puisse pas être supérieure à la date de début que l'utilisateur vient de sélectionner + 3 jours. 

J'ai vu sur internet qu'on pouvait utiliser l'attribut max pour délimiter la sélection d'une date, mais comment faire pour que ça dépende d'un autre champ ? 

<p> Créneaux horaires (jour et heure) </p>
	<label for="debut"> Du </label>
	<input type="date" id="debut">
	<input type="time">
	<label for="fin"> Au </label>
	<input type="date" id="fin" max="">
	<input type="time">

-
Edité par FannyVan 15 mai 2018 à 12:04:39

En HTML ce que tu demandes n'est pas possible (je crois) 

Il faudrait plutôt utiliser du Javascript pour faire de la récupération de valeurs et les comparer :) 

Effectivement le HTML ne te permettra pas de faire une telle chose.

Tourne toi vers le javascript là tu trouveras ton bonheur. (je ne suis pas assez doué en js pour te proposer une solution... Poste sur le forum JS )

 Bonjour FannyVan,

Un petit exemple :

https://codepen.io/Zonecss/pen/bMzKqe