Discussion :

[Super_carotte]

Bonjour,

J'ai lu plusieurs sujet sur la question dont celui-ci:
http://www.developpez.net/forums/d11...r-date-defaut/

Mais je ne parviens pas a reproduire la solution.

Ce que je souhaite, c'est que lorsque je valide mon formulaire, a la page suivante datepicker garde la date qui a été envoyé au formulaire.

Ce que j'arrive a faire pour l'instant c'est modifier la valeur d'un hidden mais je ne parviens pas a dire a datepicker de prendre la valeur de ce hidden a la page suivante.

Quelqu'un pourrait il m'aider?

Merci beaucoup.

Mon code:
code de paramétrage datepicker

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
// Code pour parametrer datePicker
Date.format = 'dd/mm/yyyy';
$(function(){
	$('.date-pick').datePicker({clickInput:true});
	$('.date-pick').datePicker().val(new Date().asString()).trigger('change');
});
$(function(){
	$('.date-pick').datePicker({
		startDate: '01/01/2013',
		endDate: (new Date()).asString()					
	});
});
// Fin Code pour parametrer datePicker

code de mon formulaire HTML

Code php :

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

1
2
3
4
<input id="Date_ex" name="Date_ex" type="text" value="" />
<input name='date1' id='date1' class='date-pick'
<?php if(isset($_POST['Date_ex'])) echo " value='".$_POST['Date_ex']."'";?>
	 onchange='changeHiddenValue("Date_ex", this.value)' />

Code de ma fonction pour modifier la valeur des hidden

Code :

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

1
2
3
4
// Code qui met a jour les champs HiddenDate du formulaire pour qu'ils stockent la nouvelle date a chaque changement de celle ci
function changeHiddenValue(idHidenDate, newValue){
	document.getElementById(idHidenDate).value = newValue;         
};

[Spartacusply]

Pourquoi tu ne mets pas directement cette valeur dans le champ du datepicker au lieu de passer par un champ intermédiaire hidden ? (qui ne sert pas à grand chose)

[Super_carotte]

Bonjour,
En fait je pensai mettre la valeur dans un hidden et ensuite récupérer cette valeur du hidden lors du post.
Y a t'il une autre façon de faire?

[Spartacusply]

Ben oui je comprends pas ton input qui a le nom "date1" possède la valeur sélectionnée dans le datepicker associé à ce champ quand tu envoies ce formulaire. En plus tu la remets bien sur la page suivante en reprenant bien la valeur dans ton $_POST.

Ensuite, il te suffit de jouer sur la fonction setDate() du plugin (ça se trouve c'est même automatique, mais je n'en suis pas sur...)

[Super_carotte]

Bonjour,
Merci pour l'aide.

Quand j'ajoute la ligne suivante pour éssayer:

Code :

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

$('.date-pick').datePicker( "setDate", "10/01/2014" );

Datepicker ne prend pas la valeur "10/01/2014".
Ou faut il mettre cette ligne?

Mon code actuel de paramétrage datepicker:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
Date.format = 'dd/mm/yyyy';
$(function(){
	$('.date-pick').datePicker({clickInput:true});
	$('.date-pick').datePicker().val(new Date().asString()).trigger('change');
	$('.date-pick').datePicker( "setDate", "10/01/2014" );
});
$(function(){
	$('.date-pick').datePicker({
		startDate: '01/01/2013',
		endDate: (new Date()).asString()					
	});
});

Merci

[Super_carotte]

Trouvé

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
15
16
$(function(){
	$('.date-pick').datePicker({clickInput:true});
	var hidden = document.getElementById("Date_ex").value; 
	if(hidden == 'vide'){
		$('.date-pick').datePicker().val(new Date().asString()).trigger('change');
	}else{
		$('.date-pick').datePicker().val(hidden).trigger('change');
	}
});
$(function(){
	$('.date-pick').datePicker({
		dateFormat : 'dd/mm/yyyy',
		startDate: '01/01/2013',
		endDate: (new Date()).asString()					
	});
});

Code php :

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

1
2
3
4
5
6
7
8
9
<?php 
if(isset($_POST['Date_ex'])){
	$val = $_POST['Date_ex'];
	echo "<input id='Date_ex' name='Date_ex' type='text' value='$val' />";
}else{
	echo "<input id='Date_ex' name='Date_ex' type='text' value='vide' />";
}
?>
<input name='date1' id='date1' class='date-pick' onchange='changeHiddenValue("Date_ex", this.value)' />