Afficher deux datepickers

**Sim88** · 15/02/2016, 10h39

Bonjour
je débute en java avec un premier essai avec datepicker : je souhaite pouvoir choisir 2 dates et les afficher entant que variable avec un bouton.

j'arrive bien à utiliser mes 2 datepickers, idem pour le bouton, mais dans la fonction datepicker je sauvegarde la date dans selectedDate1, comment sauvegarder mes 2 dates distincts?
Merci

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
 
<script>
  $(function() {
    $(".datepicker").datepicker({ 
	monthNames: ['Janvier','Fevrier','Mars','Avril','Mai','Juin','Juillet','Aout','Septembre','Octobre','Novembre','Decembre'],
  	monthNamesShort: ['Jan','Fev','Mar','Avr','Mai','Jun','Jul','Aoû','Sep','Oct','Nov','Dec'],
	dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
  	dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
  	dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
	dateFormat: 'DD dd MM yy', firstDay: 1,
	onSelect: function(date) {selectedDate1 = date},
	});
  });
</script>
 
</head>
<body>
 
<p>Date: <input type="text" name="date" id="datepicker" class="datepicker"></p>
<p>Date: <input type="text" name="date2" id="datepicker2" class="datepicker"></p>
 
<button onclick="ClicBouton();">Analyse</button>
<script type="text/javascript">
   function ClicBouton(){
      alert("date1:"+selectedDate1+"-date2:"+selectedDate1);
   }
</script> 
</body>
</html>

**NoSmoking** · 15/02/2016, 18h57

Bonjour,
pourquoi ne pas faire un simple

Code :

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

1
2
3
4
   function ClicBouton(){
      alert("date1:" +$('#datepicker').val());
      alert("date2:" +$('#datepicker2').val());
   }

**Sim88** · 15/02/2016, 21h32

En effet plus simple! merci
Question subsidiaire : est il possible dans la fonction ClicBouton d'afficher directement ces variables dans la page et non pas sous forme d'alerte. J'ai essayé System.out.println(...); mais sans succès.

**NoSmoking** · 15/02/2016, 21h59

J'ai essayé System.out.println(...);

ne te trompe pas de langage.

dans la fonction ClicBouton d'afficher directement ces variables dans la page

je ne vois pas trop l'intérêt attendu que tu les as dans les champs INPUT
en ayant par exemple dans ton HTML

Code html :

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

1
2
<span id="date_1"></span>
<span id="date_2"></span>

tu peux faire

Code :

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

1
2
3
4
function ClicBouton(){
    $('#date_1').text( $('#datepicker') .val());
    $('#date_2').text( $('#datepicker2').val());
}

sinon tu peux encore exploiter l’événement onClose des datepicker.

**Sim88** · 15/02/2016, 22h38

En fait, j'ai du mal à faire le lien entre ce bout de programme qui me récupère les 2 dates en Javascript et un autre programme externe en php qui à partir de ces 2 dates me liste les commandes passées sur un site de vente.
En php, j'arrive à bidouiller mais en Java je galère plus ... peux tu m'aider? merci

**NoSmoking** · 16/02/2016, 10h15

En php, j'arrive à bidouiller mais en Java je galère plus ...

il y a un excellent forum Java sur ce site

Afficher deux datepickers

jQuery

Vue hybride

Discussions similaires

Partager

Partager