Bonjour,
J'ai essayer d'utiliser le bout de code que tu a mis mais le rangeSelect ne fonctionne pas... après un peu de recherche, je me suis rendu compte que le datepicker que j'utilise est le datepicker de Jquery UI et dans la doc il n'est nul par spécifié qu'il prend en compte l'option rangeSelect... Ainsi j'ai trouvé un autre datepicker qui s'appel datepick de keith wood qui lui, accepte le selectRange mais la fonction updateInlineRange ne fonctionne avec aucun des 2...

Peux tu me donner plus d'explication sur le code et le date picker que tu utilise ?

en fait, cela me permet de récupérer le format de date "fr" (france) que j'ai configuré par ailleurs dans les formats du datepicker.

ensuite dans la fonction, je l'utilise comme ça

[code]jQuery.datepicker.formatDate(dateFormat, dates[0]) [/code]

ceci permet d'afficher la date récupérée du date picker au format configuré...

voilà, amuse toi bien avec le datepicker, il est vraiment ultra puissant... je me suis juste arraché les cheveux pendant un mois pour arriver à en tirer toutes les fonctionnalités car il est très très mal documenté :(

mais sinon, c'est top!

Juste une dernière question après j'arrête ;)
je ne comprend pas bien la ligne de code contenant le regional['fr']...
C'est une fonctionnalité native de datepicker? et à quoi sert l'argument de la fonction?
Merci encore ;)

voilà mon code :)
[code]
function updateInlineRange(dateStr) {
var dates = jQuery('#date-pick').datepicker('getDate');
var dateFormat = jQuery.datepicker.regional['fr'].dateFormat;
var datedebut = jQuery.datepicker.formatDate('yy-mm-dd', dates[0]);
var datefin = jQuery.datepicker.formatDate('yy-mm-dd', dates[1]);
[/code]

et après, tu utilises datedebut et datefin comme bon te semble comme des chaînes js classiques ;)

Merci pour ta réponse....
La question que je me pose, c'est comment tu récupères les valeurs selecitonnées?
C'est la fonction updateInlineRange qui s'occupe de ça je pense, mais comment fonctionne-elle?
Merci d'avance ;)

Ayant moi même galéré comme un dingue pour faire fonctionner ce formidable datepicker, je suis heureux de te faire profiter de ma modeste expérience ;)

[code]
jQuery('#date-pick').datepicker({beforeShowDay:DaysOff,rangeSelect:true,numberOfMonths:2,inline:true,
rangeSeparator: ' au ',onSelect:updateInlineRange,minDate:"-1y",maxdate:"1y"});
jQuery('#date-pick').find('div:first').width(370);
[/code]

Voilà! :)
ça c'était le bout de code à mettre dans ton fichier javascript.
dans la partie php, il faut que tu déclarer un div avec l'id date-pick

si tu veux voir ce que cela donne en live, suis le lien dans ma signature, connecte toi à la demo et regarde dans la page des congés, il y en a ;)

C'est que ça serais plus simple, mais j'ai beau chercher sur JqueryUI, je ne trouve pas d'explications ni d'exemples sur ce mode...?
Aurais-tu un lien s'il te plait?

si je me trompe pas, tu as deux datepickers distincts pour sélectionner deux dates. Est ce que dans ton cas, il ne serait pas plus simple d'utiliser le datepicker en mode "range" pour sélectionner une date ou une date de début et une date de fin?

  months=['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Aout','Septembre','Octobre','Novembre','Decembre'];
  
  // Datepicker
  $("#datefin").datepicker({
    dateFormat: 'dd/mm/yy',
    monthNames: months
  });
  
  // Datepicker (blocke les dates infèrieures à la date de début)
  $("#datedebut").datepicker({
    dateFormat: 'dd/mm/yy',
    onClose: function() { 
      $('#datefin').datepicker(
        'option',
        'minDate', 
        new Date(
          getYear($("#datedebut").val()),
          getMonth($("#datedebut").val())-1,
          getDay($("#datedebut").val())
        )
      ); 
      if($('#datefin').val()==''){
        $('#datefin').val($("#datedebut").val());
      }
    },
    monthNames: months
  });
    
    

  function getDay(str){
    tab=str.split('/');
    return tab[0];
  }
  function getMonth(str){
    tab=str.split('/');
    return tab[1];
  }
  function getYear(str){
    tab=str.split('/');
    return tab[2];
  }

Bonjour à tous,
Je suis en train d'ajouter le plugins datepicker de JqueryUi, seulement j'ai quelques problèmes de manipulations de dates, mon code fonctionne actuellement, mais je ne trouve pas ça très élégant...
Dans le principe, j'ai un champ "date de début" et "date de fin" et je veux que le "datepicker" du champ de fin soit restraint aux dates supèrieures à celle selectionnée dans le premier champs...
Voilà le code actuel:[php] months=['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Aout','Septembre','Octobre','Novembre','Decembre'];

// Datepicker
$("#datefin").datepicker({
dateFormat: 'dd/mm/yy',
monthNames: months
});

// Datepicker (blocke les dates infèrieures à la date de début)
$("#datedebut").datepicker({
dateFormat: 'dd/mm/yy',
onClose: function() {
$('#datefin').datepicker(
'option',
'minDate',
new Date(
getYear($("#datedebut").val()),
getMonth($("#datedebut").val())-1,
getDay($("#datedebut").val())
)
);
if($('#datefin').val()==''){
$('#datefin').val($("#datedebut").val());
}
},
monthNames: months
});



function getDay(str){
tab=str.split('/');
return tab[0];
}
function getMonth(str){
tab=str.split('/');
return tab[1];
}
function getYear(str){
tab=str.split('/');
return tab[2];
}[/php]
Ce qui me gène c'est l'utilisation de mes fonctions "maison" getDay,getMonth et getYear, je me dit qu'il y a plus direct et surtout plus performant, j'ai fait des essais via http://docs.jquery.com/UI/Datepicker/formatDate et http://docs.jquery.com/UI/Datepicker/parseDate mais rien de concluant...
Si quelqu'un avait l'astuce qui allait bien ;)
Merci d'avance!!