Discussion :

[zoumzoum59]

Bonjour à tous,

je cherche le moyen de ré-afficher la valeur de sélection d'un datePicker après avoir fait une actualisation de la page.
J'ai essayé ce code.mais cela ne fonctionne pas:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
day = "";
vardateInput = document.querySelector('[name="oneDate"]');
dateInput.addEventListener("input", function (event) {
day = $("#getPickerDate").val();
 
window.location.href = window.location.href;
 
$("#getPickerDate")
      .datepicker()
      .on("show", function () {
$(this).val(day).datepicker("update");
      });
  });

Merci d'avance

[SpaceFrog]

Il faut stocker la valeur quelque part ?
Est elle sur ton serveur ?
Sinon tu devras avant le rechargement de la page la stocker en cookie ou local storage (avec les contraintes GRPD associées)

[zoumzoum59]

Merci SpaceFrog,

Non elle n'est pas sur mon serveur, c'est le client qui la saisie.

La stocker dans une simple variable, ne suffit pas?
Il faut passer obligatoirement par un cookie ou par un local storage?

Si c'est le cas je vais devoir me documenter, car je n'en ai jamais utilisé jusque là.

[SpaceFrog]

Js ne survit pas à un rechargement de page
Si tu le mets juste dans une variable, elle sera vide au rechargement de page, d'où la nécessité de passer par des cookies ou du local storage qui eux survient au rechargement de page, mais sont soumis à l'acceptation de l'utilisateur (GRPD)

[zoumzoum59]

Merci pour le complément d'info,

Je viens d'essayer d'utiliser le local storage, et j'ai codé ça:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var dateInput = document.querySelector('[name="oneDate"]');
 
  dateInput.addEventListener("input", function (event) {
 
 
    localStorage.setItem("day", $("#getPickerDate").val());
 
 
    window.location.reload(true);
 
 
    day = localStorage.getItem("day");
    alert(day);
 
    $("#getPickerDate")
 
      .datepicker()
 
      .on("show", function () {
        $(this).val(day).datepicker("update");
      });
 
  });

J'ai testé et j'initialise bien ma variable dans le local storage, elle est bien présente avant l'actualisation, mais plus après.
Pouvez vous me dire ce qui cloche, car apparemment c'est pas très compliqué a utiliser.

[zoumzoum59]

J'ai pas testé sur différents navigateurs, mais ce code à l'air de fonctionner:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
var dateInput = document.querySelector('[name="oneDate"]');
  dateInput.addEventListener("input", function (event) {
    var day = $("#getPickerDate").val();
 
    history.go();
 
    $("#getPickerDate")
      .datepicker()
      .on("show", function () {
        $(this).val(day).datepicker("update");
      });
  });

Si vous avez une remarque n’hésitez surtout pas.

Bon mais après test sur Chrome, ça ne fonctionne pas donc retour à la case départ(on m'avait prévenu pourtant!!!)