JQuery datepicker 用法 2(轉)

轉自:http://fateful.i.sohu.com/blog/view/189897677.htm

dayNamesShort : Array : ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']

  設置一星期中每天的縮語,從星期天開始,此內容用於dateFormat時顯示,以前日曆中的行頭顯示。
  初始:$('.selector').datepicker({ dayNamesShort: 
['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'] });
  獲取:var dayNamesShort = $('.selector').datepicker('option', 'dayNamesShort');
  設置:$('.selector').datepicker('option', 'dayNamesShort', ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam']);  

defaultDate : Date
, Number, String : null
  設置默認加載完後第一次顯示時選中的日期。可以是Date對象,或者是數字(從今天算起,例如+
7),或者有效的字符串('y'代表年, 'm'代表月, 'w'代表周, 'd'代表日, 例如:'+1m +7d')。
  初始:$('.selector').datepicker({ defaultDate: +
7 });
  獲取:var defaultDate = $('.selector').datepicker('option', 'defaultDate');
  設置:$('.selector').datepicker('option', 'defaultDate', +7);  

duration : String
, Number : 'normal'
  設置日期控件展開動畫的顯示時間,可選是
"slow", "normal", "fast",''代表立刻,數字代表毫秒數。
  初始:$('.selector').datepicker({ duration: 'slow' })
;
  獲取:var duration = $('.selector').datepicker('option', 'duration');
  設置:$('.selector').datepicker('option', 'duration', 'slow');  

firstDay : Number : 
0
  設置一週中的第一天。星期天爲0,星期一爲1,以此類推。
  初始:$('.selector').datepicker({ firstDay: 
1 });
  獲取:var firstDay = $('.selector').datepicker('option', 'firstDay');
  設置:$('.selector').datepicker('option', 'firstDay', 1);  

gotoCurrent : Boolean : false
  如果設置爲true,則點擊當天按鈕時,將移至當前已選中的日期,而不是今天。
  初始:$('.selector').datepicker({ gotoCurrent: true })
;
  獲取:var gotoCurrent = $('.selector').datepicker('option', 'gotoCurrent');
  設置:$('.selector').datepicker('option', 'gotoCurrent', true);  

hideIfNoPrevNext : Boolean : false
  設置當沒有上一個/下一個可選擇的情況下,隱藏掉相應的按鈕。(默認爲不可用)
  初始:$('.selector').datepicker({ hideIfNoPrevNext: true })
;
  獲取:var hideIfNoPrevNext = $('.selector').datepicker('option', 'hideIfNoPrevNext');
  設置:$('.selector').datepicker('option', 'hideIfNoPrevNext', true);  

isRTL : Boolean : false
  如果設置爲true,則所有文字是從右自左。
  初始:$('.selector').datepicker({ isRTL: true })
;
  獲取:var isRTL = $('.selector').datepicker('option', 'isRTL');
  設置:$('.selector').datepicker('option', 'isRTL', true);  

maxDate : Date
, Number, String : null
  設置一個最大的可選日期。可以是Date對象,或者是數字(從今天算起,例如+
7),或者有效的字符串('y'代表年, 'm'代表月, 'w'代表周, 'd'代表日, 例如:'+1m +7d')。
  初始:$('.selector').datepicker({ maxDate: '+1m +1w' })
;
  獲取:var maxDate = $('.selector').datepicker('option', 'maxDate');
  設置:$('.selector').datepicker('option', 'maxDate', '+1m +1w');
       $('.selector').datepicker('option', 'maxDate', '12/25/2012');  

minDate : Date
, Number, String : null
  設置一個最小的可選日期。可以是Date對象,或者是數字(從今天算起,例如+
7),或者有效的字符串('y'代表年, 'm'代表月, 'w'代表周, 'd'代表日, 例如:'+1m +7d')。
  初始:$('.selector').datepicker({ minDate: new Date(
2007, 1 - 1, 1) });
  獲取:var minDate = $('.selector').datepicker('option', 'minDate');
  設置:$('.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']
  設置所有月份的名稱。
  初始:$('.selector').datepicker({monthNames:
['Januar','Februar','Marts','April','Maj','Juni','Juli','August','September','Oktober','November','December']});
  獲取:var monthNames = $('.selector').datepicker('option', 'monthNames');
  設置:$('.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']
  設置所有月份的縮寫。
  初始:$('.selector').datepicker({monthNamesShort:
['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec']});
  獲取:var monthNamesShort = $('.selector').datepicker('option', 'monthNamesShort');
  設置:$('.selector').datepicker('option', 'monthNamesShort', ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec']);  

navigationAsDateFormat : Boolean : false
  如果設置爲true,則formatDate函數將應用到 prevText
,nextText和currentText的值中顯示,例如顯示爲月份名稱。
  初始:$('.selector').datepicker({ navigationAsDateFormat: true })
;
  獲取:var navigationAsDateFormat = $('.selector').datepicker('option', 'navigationAsDateFormat');
  設置:$('.selector').datepicker('option', 'navigationAsDateFormat', true);  

nextText : String : 'Next'
  設置“下個月”鏈接的顯示文字。
  初始:$('.selector').datepicker({ nextText: 'Later' })
;
  獲取:var nextText = $('.selector').datepicker('option', 'nextText');
  設置:$('.selector').datepicker('option', 'nextText', 'Later'); 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章