2010-10-22 146 views
0

^hjQuery的日期選擇器的minDate特定日期在當月

我需要定製2個datepickers。

首先shold有:

  • 的minDate:本月下旬(或者更簡單:本月20日)
  • 的maxDate:下個月的10日

我只能然後設置爲如下所示的「手動」:+ 1m + 2w + 5d。但是對我而言這並不好,因爲我不需要相對於當前的數據。

有什麼想法?

我已經沒有運氣嘗試這樣做:

// 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。 Anders

更新 - 解決方案 我使用了承辦人的答案,它工作得很好。的回答:-)

// 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 
}); 

回答

1

Thnaks這是一個很好的插件,並且有很多的配置選項http://plugins.jquery.com/project/datepicker。您可以在這裏找到的文檔http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/documentation.html和這裏的一些演示http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/

他這樣說,我不知道這是否是更容易使用,那麼你嘗試了一個,但這個想法是,你還是要自己計算的天,像http://jsfiddle.net/m2HPr/2/

希望它有幫助

+0

謝謝,perfekt。從你的例子中我可以看出我很接近。我應該使用getFullYear()而不是getYear()。我最終像你的那樣構建它,首先是日期變量,然後將變量插入到datepicker配置中。現在它按預期工作。再次感謝 – Tillebeck 2010-10-22 12:02:22

相關問題