JQuerydatepicker用法詳解_jquery

 如果設(shè)置為true，則所有文字是從右自左。

 初始：$('.selector').datepicker({ isRTL: true });

 獲取：var isRTL = $('.selector').datepicker('option', 'isRTL');

 設(shè)置：$('.selector').datepicker('option', 'isRTL', true); 


maxDate : Date, Number, String : null


 設(shè)置一個最大的可選日期。可以是Date對象，或者是數(shù)字（從今天算起，例如+7），或者有效的字符串('y'代表年, 'm'代表月, 'w'代表周, 'd'代表日, 例如：'+1m +7d')。

 初始：$('.selector').datepicker({ maxDate: '+1m +1w' });

 獲取：var maxDate = $('.selector').datepicker('option', 'maxDate');

 設(shè)置：$('.selector').datepicker('option', 'maxDate', '+1m +1w');

 $('.selector').datepicker('option', 'maxDate', '12/25/2012'); 


minDate : Date, Number, String : null


設(shè)置一個最小的可選日期。可以是Date對象，或者是數(shù)字（從今天算起，例如+7），或者有效的字符串('y'代表年, 'm'代表月, 'w'代表周, 'd'代表日, 例如：'+1m +7d')。

 初始：$('.selector').datepicker({ minDate: new Date(2007, 1 - 1, 1) });

 獲取：var minDate = $('.selector').datepicker('option', 'minDate');

 設(shè)置：$('.selector').datepicker('option', 'minDate', new Date(2007, 1 - 1, 1));


 $('.selector').datepicker('option', 'minDate', '12/25/2012'); 

monthNames : Array : ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']


 設(shè)置所有月份的名稱。

 初始：$('.selector').datepicker(｛monthNames:['Januar','Februar','Marts','April','Maj','Juni','Juli','August','September','Oktober','November','December']});

 獲取：var monthNames = $('.selector').datepicker('option', 'monthNames');

 設(shè)置：$('.selector').datepicker('option', 'monthNames', ['Januar','Februar','Marts','April','Maj','Juni','Juli','August','September','Oktober','November','December']); 

monthNamesShort : Array : ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']


 設(shè)置所有月份的縮寫。


 初始：$('.selector').datepicker(｛monthNamesShort:['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec']});

 獲取：var monthNamesShort = $('.selector').datepicker('option', 'monthNamesShort');

 設(shè)置：$('.selector').datepicker('option', 'monthNamesShort', ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec']); 


navigationAsDateFormat : Boolean : false


 如果設(shè)置為true，則formatDate函數(shù)將應(yīng)用到 prevText,nextText和currentText的值中顯示，例如顯示為月份名稱。

 初始：$('.selector').datepicker({ navigationAsDateFormat: true });

 獲取：var navigationAsDateFormat = $('.selector').datepicker('option', 'navigationAsDateFormat');

 設(shè)置：$('.selector').datepicker('option', 'navigationAsDateFormat', true); 


nextText : String : 'Next'


 設(shè)置“下個月”鏈接的顯示文字。

 初始：$('.selector').datepicker({ nextText: 'Later' });

 獲取：var nextText = $('.selector').datepicker('option', 'nextText');

 設(shè)置：$('.selector').datepicker('option', 'nextText', 'Later'); 


numberOfMonths : Number, Array : 1


 設(shè)置一次要顯示多少個月份。如果為整數(shù)則是顯示月份的數(shù)量，如果是數(shù)組，則是顯示的行與列的數(shù)量。

 初始：$('.selector').datepicker({ numberOfMonths: [2, 3] });

 獲取：var numberOfMonths = $('.selector').datepicker('option', 'numberOfMonths');

 設(shè)置：$('.selector').datepicker('option', 'numberOfMonths', [2, 3]); 


prevText : String : 'Prev'


設(shè)置“上個月”鏈接的顯示文字。

 初始：$('.selector').datepicker({ prevText: 'Earlier' });

 獲取：var prevText = $('.selector').datepicker('option', 'prevText');

 設(shè)置：$('.selector').datepicker('option', 'prevText', 'Earlier'); 


shortYearCutoff : String, Number : '+10'


 設(shè)置截止年份的值。如果是（0-99）的數(shù)字則以當(dāng)前年份開始算起，如果為字符串，則相應(yīng)的轉(zhuǎn)為數(shù)字后再與當(dāng)前年份相加。當(dāng)超過截止年份時，則被認(rèn)為是上個世紀(jì)。

 初始：$('.selector').datepicker({ shortYearCutoff: 50 });

 獲取：var shortYearCutoff = $('.selector').datepicker('option', 'shortYearCutoff');

 設(shè)置：$('.selector').datepicker('option', 'shortYearCutoff', 50); 


showAnim : String : 'show'


 設(shè)置顯示、隱藏日期插件的動畫的名稱。

 初始：$('.selector').datepicker({ showAnim: 'fold' });

 獲取：var showAnim = $('.selector').datepicker('option', 'showAnim');

 設(shè)置：$('.selector').datepicker('option', 'showAnim', 'fold'); 


showButtonPanel : Boolean : false


 設(shè)置是否在面板上顯示相關(guān)的按鈕。

 初始：$('.selector').datepicker({ showButtonPanel: true });

 獲取：var showButtonPanel = $('.selector').datepicker('option', 'showButtonPanel');

 設(shè)置：$('.selector').datepicker('option', 'showButtonPanel', true); 


showCurrentAtPos : Number : 0


 設(shè)置當(dāng)多月份顯示的情況下，當(dāng)前月份顯示的位置。自頂部/左邊開始第x位。

 初始：$('.selector').datepicker({ showCurrentAtPos: 3 });

 獲取：var showCurrentAtPos = $('.selector').datepicker('option', 'showCurrentAtPos');

 設(shè)置：$('.selector').datepicker('option', 'showCurrentAtPos', 3); 


showMonthAfterYear : Boolean : false


是否在面板的頭部年份后面顯示月份。

 初始：$('.selector').datepicker({ showMonthAfterYear: true });

 獲取：var showMonthAfterYear = $('.selector').datepicker('option', 'showMonthAfterYear');

 設(shè)置：$('.selector').datepicker('option', 'showMonthAfterYear', true); 


showOn : String : 'focus' 
設(shè)置什么事件觸發(fā)顯示日期插件的面板，可選值：focus, button, both

 初始：$('.selector').datepicker({ showOn: 'both' });

 獲取：var showOn = $('.selector').datepicker('option', 'showOn');

 設(shè)置：$('.selector').datepicker('option', 'showOn', 'both'); 


showOptions : Options : {}


如果使用showAnim來顯示動畫效果的話，可以通過此參數(shù)來增加一些附加的參數(shù)設(shè)置。

 初始：$('.selector').datepicker({ showOptions: {direction: 'up' });

 獲取：var showOptions = $('.selector').datepicker('option', 'showOptions');

 設(shè)置：$('.selector').datepicker('option', 'showOptions', {direction: 'up'); 


showOtherMonths : Boolean : false


 是否在當(dāng)前面板顯示上、下兩個月的一些日期數(shù)（不可選）。

 初始：$('.selector').datepicker({ showOtherMonths: true });

 獲取：var showOtherMonths = $('.selector').datepicker('option', 'showOtherMonths');

 設(shè)置：$('.selector').datepicker('option', 'showOtherMonths', true); 


stepMonths : Number : 1


 當(dāng)點擊上/下一月時，一次翻幾個月。

 初始：$('.selector').datepicker({ stepMonths: 3 });

 獲取：var stepMonths = $('.selector').datepicker('option', 'stepMonths');

 設(shè)置：$('.selector').datepicker('option', 'stepMonths', 3); 


yearRange : String : '-10:+10'


 控制年份的下拉列表中顯示的年份數(shù)量，可以是相對當(dāng)前年(-nn:+nn)，也可以是絕對值 (-nnnn:+nnnn)

 初始：$('.selector').datepicker({ yearRange: '2000:2010' });

 獲取：var yearRange = $('.selector').datepicker('option', 'yearRange');

 設(shè)置：$('.selector').datepicker('option', 'yearRange', '2000:2010');


beforeShow : function(input)


 在日期控件顯示面板之前，觸發(fā)此事件，并返回當(dāng)前觸發(fā)事件的控件的實例對象。

 初始：$('.selector').datepicker({ beforeShow: function(input) { ... } }); 


beforeShowDay : function(date)


 在日期控件顯示面板之前，每個面板上的日期綁定時都觸發(fā)此事件，參數(shù)為觸發(fā)事件的日期。調(diào)用函數(shù)后，必須返回一個數(shù)組：[0]此日期是否可選(true/false)，[1]此日期的CSS樣式名稱(""表示默認(rèn))，[2]當(dāng)鼠標(biāo)移至上面出現(xiàn)一段提示的內(nèi)容。

 初始：$('.selector').datepicker({ beforeShowDay: function(date) { ... } }); 


onChangeMonthYear : function(year, month, inst)


當(dāng)年份或月份改變時觸發(fā)此事件，參數(shù)為改變后的年份月份和當(dāng)前日期插件的實例。

 初始：$('.selector').datepicker({ onChangeMonthYear: function(year, month, inst) { ... } }); 


onClose : function(dateText, inst)


 當(dāng)日期面板關(guān)閉后觸發(fā)此事件（無論是否有選擇日期），參數(shù)為選擇的日期和當(dāng)前日期插件的實例。

 初始：$('.selector').datepicker({ onClose: function(dateText, inst) { ... } }); 


onSelect : function(dateText, inst)


 當(dāng)在日期面板選中一個日期后觸發(fā)此事件，參數(shù)為選擇的日期和當(dāng)前日期插件的實例。

 $('.selector').datepicker({ onSelect: function(dateText, inst) { ... } });
以上內(nèi)容給大家介紹了JQuery datepicker 用法，希望大家喜歡。 




聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com