Modifier directement année avec Datepicker

**laurentSc** · 17/10/2015, 21h29

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 ?

**danielhagnoul** · 17/10/2015, 22h00

On peut changer d'année très facilement, voir cette démonstration et son code source.

**laurentSc** · 18/10/2015, 10h40

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 html :

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
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 &amp; 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>

Modifier directement année avec Datepicker

jQuery

Discussions similaires

Partager

Partager