Saisir une date avec polyfill

**laurentSc** · 04/01/2018, 22h21

Bonsoir,

je souhaite permettre la saisie d'une date (2 dates pour être précis). Je suis d'abord passé sur Datepicker, puis cette discussion m'a conduit vers https://www.developpez.net/forums/d1...ge-date-input/. A partir de ça, j'ai fait le code suivant :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <script src="polyfill.js"></script>
</head>
<body>
<form>
  <input type="date"></input>
  </form>
</body>
</html>

polyfill.js :

Code js :

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
24
25
26
if(!("valueAsDate" in HTMLInputElement.prototype)){
Object.defineProperty(HTMLInputElement.prototype, "valueAsDate", {
  get: function(){
    var d = this.value.split(/\D/);
    return new Date(d[0], --d[1], d[2]);
  },
  set: function(d){
    var day = ("0" + d.getDate()).slice(-2),
        month = ("0" + (d.getMonth() + 1)).slice(-2),
        datestr = d.getFullYear()+"-"+month+"-"+day;
    this.value = datestr;
  }
});
}
 
 
var input = document.querySelector("input");
 
input.valueAsDate = new Date();
 
var p = document.createElement("p");
document.body.appendChild(p);
 
setInterval(function(){
  p.textContent = input.valueAsDate.toLocaleDateString();
}, 100);

Ce n'est pas correct vu qu'aucune aide ne s'affiche quand on clique sur le champ de saisie. Que faut-il faire pour que ça marche ?

**laurentSc** · 05/01/2018, 10h58

Je viens de me rendre compte que le lien vers le script qui m'a aidé était mauvais. Le bon est http://jsbin.com/wumikawero/1/edit?html,js,output. Peut-on m'aider ?

Invité · 05/01/2018, 13h25

Banannée Laurent,

Pourquoi avoir laisse tomber Datepicker ?

**Beginner.** · 05/01/2018, 15h43

Envoyé par laurentSc

Ce n'est pas correct vu qu'aucune aide ne s'affiche quand on clique sur le champ de saisie.

Ben pourquoi une aide s’afficherait ? Je ne vois rien dans ton code qui ferait cela mais peut-être que quelque chose m'échappe ?

**laurentSc** · 05/01/2018, 16h21

Banannée Jérôme et beginner

Je n'avais pas regardé ce code ; juste copié-collé mais effectivement...

Pourquoi j'ai laissé tomber datepicker : car mon code ne fonctionnait pas et j'ai pensé que le responsable était datepicker. Mais j'ai refait un code beaucoup simple et qui fonctionne. Donc je pense que je vais insister...