Discussion :

[yanning]

Bonjour,
je voudrais intégrer dans une page le datepicker de jquery-ui, sauf que j'aimerais que lorsque l'utilisateur choisit une date, que dans un input on retrouve la date de debut de la semaine correspondante et que dans un autre input on ait la fin.

Quelqu'un pour m'aider?, merci bien

[nef1912]

Bonjour,

Pour avoir la date de début, tu peux faire ça :

Code :

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

1
2
3
4
5
6
7
8
9
 
onSelect: function(date){
         var jour = new Date(date);
            var jourSelect = jour.getDay();
            if(jourSelect == 0) {
             jour.setDate(jour.getDate() - 6);
            }
          //et continuer en fonction des jours...
          $(this).val(jour);

Et c'est le même principe pour la date de fin.

[yanning]

Merci nerf1912,

cette fonction je devrais l'appeler comment pour qu'elle interagisse avec le datepicker?
ma question est peut triviale mais je suis vraiment nouveau en javascript,

du coup voila la gueule de mon script jusqu'ici

$(function() {
$( "#debsem" ).datepicker({
dateFormat:"dd/mm/yy",
showOn: "button",
buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
buttonImageOnly: true,
altField: "#finsem",
altFormat: "dd/mm/yy",

});

});

merci d'avance

[nef1912]

Il te suffit de l'appeler comme les autres fonctions que tu as mis.

Code :

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

1
2
3
4
5
 
altFormat: "dd/mm/yy",
onSelect: function(date){ 
                 ......
}

Et le code que je t'ai donné n'est pas complet, ce n'est qu'un début pour te guider.

Doc sur Datepicker

[yanning]

Merci beaucoup,

j'essaye et je te fais un retour des que je termine

[yanning]

rebonjour,

j'ai adpaté ma function comme si dessous, et effectivement je réussis à avoir la date de début de chaque semaine, maintenant j'aimerais que dans un champs alternatif, la date de fin de semaine puisse etre calculée en fonction de la nouvelle date, mais il récupere toujours la date qui a été choisie dans le datepicker.

code javascript:
$(function() {
$( "#debsem" ).datepicker({
showOn: "button",
buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
buttonImageOnly: true,
altField: "#finsem",
altFormat: "dd/mm/yy",
onSelect: function(date){
var jour = new Date(date);
var jourSelect = jour.getDay();
if(jourSelect == 2) {

jour.setDate(jour.getDate() - 1);
}else if(jourSelect == 3) {

jour.setDate(jour.getDate() - 2);
}else if(jourSelect == 4) {

jour.setDate(jour.getDate() - 3);
}else if(jourSelect == 5) {

jour.setDate(jour.getDate() - 4);
}else if(jourSelect == 6) {

jour.setDate(jour.getDate() - 5);
}else if(jourSelect == 0) {

jour.setDate(jour.getDate() - 6);
}
else{
jour.setDate(jour.getDate());
}
day=jour.getDate();
month=jour.getMonth()+1;
year=jour.getFullYear();
jour =day + "/" + month + "/" + year;
$(this).val(jour);
}
});

});

code html:

<label for="debsem">Semaine du: </label><input type="text" disabled id="debsem">&nbsp; <label for="finsem">Au: &nbsp;</label><input type="text" disabled id="finsem" size="30">

Merci