Discussion :

[laurentSc]

Bonjour,

j'ai 2 calendriers Datepicker ; quand on les ouvre, ils sont initialisés par défaut avec le mois courant (aujourd'hui si on les ouvre, octobre 2015 est affiché).
Mon premier calendrier sert à sélectionner une date de début et le second une date de fin ; quand on ouvre le second calendrier, je souhaiterais, si elle existe, l'initialiser avec la valeur sélectionnée avec le premier ; comment faire ? Mon code actuel est :

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
<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() {
      $( "#datepickerd" ).datepicker({
 
      changeMonth: true,
 
      changeYear: true
 
    });
});
$(function() {
      $( "#datepickerf" ).datepicker({
 
      changeMonth: true,
 
      changeYear: true
 
    });
});     
</script>
 
<table><tr><td>date de début : </td><td> <input type="text" id="datepickerd" name="datepickerd"></td></tr>
<tr><td>date de fin : </td><td><input type="text" id="datepickerf" name="datepickerf"></td></tr></table>';

[Invité]

Bonjour,

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(function() {
	$('#datepickerd').datepicker({ 
		dateFormat: 'yy-mm-dd', firstDay:1, minDate: new Date(),
		onSelect: function() {
			if( $("#datepickerf").val() == '' )
			{
				$('#datepickerf').val( $(this).val() );
			}
		}
	});
	$('#datepickerf').datepicker({ 
		dateFormat: 'yy-mm-dd', firstDay:1, minDate: new Date()
	});
});