Discussion :

[zoumzoum59]

Bonjour à tous,

Je cherche a incrémenter et decrémenter une date sur un datepicker en cliquant sur un bouton + ou un bouton -.

J'ai fais ce code qui ne fonctionne pas

Code :

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

1
2
3
4
5
6
function increment() {
  day = $("#getPickerDate").val();
  $("#getPickerDate").val(day+1);
  localStorage.removeItem("getDay");
  localStorage.setItem("getDay", day);
}

et essayé different truc avec:

Code :

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

date2.setDate(date2.getDate()+1);

Mais sans succes, un petit coup de mains de votre part ne serait pas de refus.
Merci d'avance

[mathieu]

vous pouvez utiliser un objet Date pour faire ça :

Code javascript :

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

1
2
3
4
5
6
7
8
9
date1 = new Date(2023, 2, 25); // le mois 2 est le mois de mars
console.log(date1.toLocaleString()); // affiche "25/03/2023 00:00:00"
 
date_demain = new Date(
	  date1.getFullYear()
	, date1.getMonth()
	, date1.getDate() + 1
);
console.log(date_demain.toLocaleString()); // affiche "26/03/2023 00:00:00"

regardez la documentation pour les différentes façons de construire cet objet :
https://developer.mozilla.org/fr/doc...ects/Date/Date

[zoumzoum59]

Merci Mathieu,

Ton code m'a permis de me recentrer sur une base saine.

Voici le code:

Code :

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

1
2
3
4
5
6
7
8
9
function increment() {
  day = $("#getPickerDate").val();
  day1 = new Date(day); 
  tomorrow = new Date(day1.getFullYear(), day1.getMonth(), day1.getDate() + 1);
  tomorrow = tomorrow.toLocaleDateString("en-CA");
  $("#getPickerDate").val(tomorrow);
  localStorage.removeItem("getDay");
  localStorage.setItem("getDay", tomorrow);
}

Tu peux toujours me dire si il y avait quelque chose de plus simple.
Merci

[two3d]

Devrait fonctionner :

Code JS :

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

1
2
date = new Date($("#getPickerDate").val()); 
date.setDate(date.getDate() + 1);