Evènement lors d'une sélection date d'un datepicker

**legrandse** · 12/04/2019, 14h18

Bonjour à tous,

Je fais appel à vous car je suis bloqué sur un fonctionnalité lié à un datepicker.

Concrètement, lorsque l'on sélectionne une date d'un datepicker après le 31/12/2019, la page doit afficher une grille tarifaire 2020 qui est le résultat d'une requête php.
La page ne doit pas se rafraichir sinon il perd l'information du champ datepicker.

Comment faire pour que mon champ id "datepicker" sache qu'il est en 2020 et qu'avec cette info la variable php $year soit égale à 2020 ?

En vous remerciant beaucoup pour l'aide que vous pouvez m'apporter.

J'ai par exemple mon html avec le champ du datepicker:

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
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
 
</body>
</html>

et mon code php

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
 
public function price($year) 
 	{
 
		   $stmt = $this->_db->prepare("SELECT * FROM price WHERE year = :year  ");
		   $stmt->BindParam(":year",$year);     
 
		    $stmt->execute();	
		...		
 
 
 
 
 
	}

**legrandse** · 15/04/2019, 14h25

Je vais déjà essayer de récupérer le contenu de datepicker.

Qui peut me dire pourquoi cette simple fonction calcYear ne fonctionne pas ? En fait que je clique en 2019 ou 2020, il m'affiche le contenu de la boite de dialogue avec 2020 dedans.

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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker" onchange="return calcYear();"></p>
 
 
</body>
<script>
var annee = document.getElementById("datepicker").value;
var result = annee.substr(6, 4);
        function calcYear() {
        if (result > '2019'){
                alert(result);
        
        }
}
</script>
</html>

**legrandse** · 16/04/2019, 08h49

Ok ok, je ne sais pas pourquoi mais cette simple fonction marche à nouveau sans rien modifier au code.

Donc voilà j'ai récupéré la valeur de "result" correctement. Elle peut donc valoir 2019, 2020, ... selon la date choisie dans le datepicker.

Maintenant je souhaiterais l'utiliser pour modifier une variable php par exemple $year=2020 (cad le contenu de result)

Initialement j'avais posté sur le forum Ajax car je pensais que c'était le seul moyen d'y parvenir avant d'avoir été modéré et transféré ici sur Jquery.

Donc si qq'un sait me dire comment effectuer la manoeuvre ce serait bien sympa.

**legrandse** · 16/04/2019, 12h22

Les gars, je me sens bien seul avec mon problème.

Soit je ne sais pas expliquer, soit personne ne veut/sait m'aider, mais dans ce dernier cas, je souhaiterais au minimum en être averti.

Evènement lors d'une sélection date d'un datepicker

jQuery

Vue hybride

Discussions similaires

Partager

Partager