Bonsoir,
j'ai sur mon site un calendrier Datepicker. Par défaut, on change le mois affiché, mai si je veux afficher 10 ans plus tard, ça fait 120 mois à afficher ce qui est fastidieux ; comment faire pour pouvoir incrémenter directement l'année ?
Version imprimable
Bonsoir,
j'ai sur mon site un calendrier Datepicker. Par défaut, on change le mois affiché, mai si je veux afficher 10 ans plus tard, ça fait 120 mois à afficher ce qui est fastidieux ; comment faire pour pouvoir incrémenter directement l'année ?
On peut changer d'année très facilement, voir cette démonstration et son code source.
Merci, car j'étais reparti d'un ancien code à moi dans lequel j'avais viré cette possibilité. Par contre, j'ai utilisé ce vieux code pour faire marcher le code source de la démo (qui ne marchait pas chez moi, sur IE8). Voici le code qui marche (en gras et souligné ce que j'ai rajouté) :
Code:
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Display month & year menus</title> <link rel="stylesheet" href=" http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src=" http://code.jquery.com/jquery-1.10.2.js"></script> <script src=" http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <link rel="stylesheet" href="../../css/style.css"> <script> $(function() { $( "#datepicker" ).datepicker({ changeMonth: true, changeYear: true }); }); </script> </head> <body> <p>Date: <input type="text" id="datepicker"></p> </body> </html>