jQuery UI Datepicker: Sélectionnez 7 jours

Question

J'utilise le Datepicker jQuery UI. Il est défini sur inline afin qu'il soit affiché à tout moment par l'utilisateur.

Le datepicker vous permet de sélectionner une jours mais je veux être en mesure de choisir une semaine (sept jours)

Donc, si l'utilisateur clique par exemple sur mercredi 2009/10/14 il ne devrait pas seulement fort le 2009/10/14 mais souligner tous les jours de 2009/10/14 à 2009/10/20.

Comment puis-je réaliser cela?

Answer 1

http://jquery-datepicker.googlecode.com/issues/attachment?aid=-4481469706841499120&name=jquery.datePicker.week.js

Answer 2

Je sais que c'est un ancien poste mais je suis tombé sur le même sujet et que le lien est cassé je poste ma solution.

$('#datepicker').datepicker({ 
    dateFormat: 'yy-mm-dd', 
    defaultDate: '2011-05-10', 
    changeMonth: true, 
    changeYear: true, 
    beforeShowDay: function(date){ 
     var selectedDate = new Date('2011-05-10'); 
     if (date.getFullYear() == selectedDate.getFullYear() 
      && date.getMonthName() == selectedDate.getMonthName() 
      && date.getDate() >= selectedDate.getDate() 
      && date.getDate() <= selectedDate.addDays(6).getDate() 
      ) { 
      return [true, 'ui-datepicker-days-cell highlight', ""]; 
     } 
     return [true, 'ui-datepicker-days-cell',""] 
     } 
    });