2010-10-22 10 views
0

Hjquery datepicker minDate jour spécifique au cours du mois en cours

J'ai besoin de personnaliser deux datpickers.

Première shold ont:

  • MinDate: dix derniers jours de ce mois (ou si facile: 20 ce mois-ci)
  • maxDate: 10 du mois prochain

Je ne peux régler alors comme indiqué dans "manuel" comme ceci: + 1m + 2w + 5d. Mais ce n'est pas bon dans mon cas car je n'ai pas besoin d'aller par rapport aux données actuelles.

Une idée?

J'ai essayé sans succès:

// temp vars used below 
var currentTime = new Date() 

// DATEPICKER CURENT MONTH - all fields with class: datepicker_current_month 
$(".datepicker_current_month").datepicker({ 
    dateFormat: 'dd.mm.yy', 
    // minDate: '+10d', 
    minDate: new Date(currentTime.getYear(), currentTime.getMonth(), 20), 
    maxDate: '+3w' 
}); 

BR. UPDATE - Solution J'ai utilisé la réponse de undertakeror et cela fonctionne très bien. Thnaks pour la réponse :-)

// temp vars used below 
var currentTime = new Date(); 
var startDateFrom = new Date(currentTime.getFullYear(), currentTime.getMonth() +1, -10); // 10 days before next month 
var startDateTo = new Date(currentTime.getFullYear(), currentTime.getMonth() +1, -1); // one day before next month 
var endDateFrom = new Date(currentTime.getFullYear(), currentTime.getMonth() +1, 3); // 3rd of next month 
var endDateTo = new Date(currentTime.getFullYear(), currentTime.getMonth() +1, 10); // 10th of next month 

// DATEPICKER CURENT MONTH - all fields with class: datepicker_current_month 
$(".datepicker_current_month").datepicker({ 
    dateFormat: 'dd.mm.yy', 
    minDate: startDateFrom, 
    maxDate: startDateTo 
}); 

Répondre

1

Ceci est un plugin agréable et a beaucoup d'options de configuration http://plugins.jquery.com/project/datepicker. Vous pouvez trouver la documentation ici http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/documentation.html et quelques démos ici http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/

cela étant dit, je ne sais pas si c'est plus facile à utiliser que celui que vous avez essayé, mais l'idée est que vous devez encore calculer les jours vous-même , quelque chose comme http://jsfiddle.net/m2HPr/2/

it helps

+0

Merci, Perfekt. De votre exemple, je peux voir que j'étais proche. J'aurais dû utiliser getFullYear() et non getYear(). J'ai fini par le construire comme le vôtre, d'abord les variables de date, puis insérer les variables dans la configuration datepicker. Maintenant, cela fonctionne comme prévu. Merci encore – Tillebeck