JQuery UI datepicker：以編程方式顯示日期的日曆。

Question

有沒有一種方法可以使用datepicker配置選項來顯示特定年份和月份的日曆？ API文檔沒有列出任何此類功能。仍然有一條出路？

Answer 1

您可以撥打：

var x = $("#datePicker").datepicker(); 
$.datepicker._adjustDate(x,2,'M'); 

要向上移動兩個月。或

var x = $("#datePicker").datepicker(); 
$.datepicker._adjustDate(x,-1,'Y'); 

一年搬回提前

var x = $("#datePicker").datepicker(); 
$.datepicker._adjustDate(x,42,'D'); 

移動6周。

如果你想跳轉到特定的月份/年份，你有兩個選擇：直接在datepicker上調用setDate（）（這也會因此改變選定的日期），或者你可以計算當前日期選定的日期和你的目標日期，然後通過X天到_adjustDate

//get currently selected date (or today if the user hasn't picked any) 
var currentdate = ((x.datepicker('getDate') !== null) ? x.datepicker('getDate') : new Date()); 
//set target date october 21, 2012 (Date() takes month -1) 
var targetdate = new Date(2012,9,21); 
//calculate the number of days different   
var diff = Math.round((targetdate-currentdate)/(1000*60*60*24),0); 
//adjust the datepicker by this number of days  
$.datepicker._adjustDate(x,diff,'D'); 

這樣做的好處是，它實際上並不會改變日期選擇器的設定值。只有當用戶實際點擊日期時纔會發生這種情況。

Answer 2

$(".selector").datepicker({ minDate: startDate, maxDate: endDate }); 

minDate和maxDate是JavaScript日期對象。

http://api.jqueryui.com/datepicker/#option-minDate

http://api.jqueryui.com/datepicker/#option-maxDate