Discussion :

[Soden78]

Bonjour, j'aimerai pouvoir mettre un minimum à mon input type date.
Le problème, c'est que je ne comprends pas comment je peux mettre la date d'aujourd'hui - 5 jours.
Par exemple, si on est le 25, on peut sélectionner le 20 mais pas en dessous.
Je connais l'élément today mais je vois pas comment soustraire 5 jours.
code date :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input required ; "id="datefield" min='1899-01-01' max='2000-13-13' class="form-control" type="date" name="datee">

script js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script>var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
 if(dd<10){
        dd='0'+dd
    } 
    if(mm<10){
        mm='0'+mm
    } 
today = yyyy+'-'+mm+'-'+dd;
document.getElementById("datefield").setAttribute("min", today); </script>

ce script me permet de mettre en min la date actuelle, donc comment je lui enlève 5 jours ?
Merci beaucoup

[tag9724]

L'idée serais de récupérer le timestamp actuel et de lui soustraire le nombre de millisecondes qui correspondent a 5 jours Date.now() - ( 5 * 24 * 60 * 60 * 1000 )
Puis de créer un objet Date avec ce timestamp new Date( timestamp5JoursAvant ) et de l'utiliser pour compléter l'attribut min de l'input.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
const getMinInputDate = (days = 0) => {
  const date = new Date(Date.now() - days * 24 * 60 * 60 * 1000)
  return date.toISOString().split("T")[0]
}
 
document.getElementById("datefield").setAttribute("min", getMinInputDate(5))

[Soden78]

D'acccooord, je vois, j'ai compris, merci beaucoup et ça marche parfaitement!