JQuery datepicker 用法详解

2020-05-29 07:21:03易采站长站整理

nextText : String : ‘Next’

  设置“下个月”链接的显示文字。
  初始:$(‘.selector’).datepicker({ nextText: ‘Later’ });
  获取:var nextText = $(‘.selector’).datepicker(‘option’, ‘nextText’);
  设置:$(‘.selector’).datepicker(‘option’, ‘nextText’, ‘Later’); 

numberOfMonths : Number, Array : 1

  设置一次要显示多少个月份。如果为整数则是显示月份的数量,如果是数组,则是显示的行与列的数量。
  初始:$(‘.selector’).datepicker({ numberOfMonths: [2, 3] });
  获取:var numberOfMonths = $(‘.selector’).datepicker(‘option’, ‘numberOfMonths’);
  设置:$(‘.selector’).datepicker(‘option’, ‘numberOfMonths’, [2, 3]); 

prevText : String : ‘Prev’

设置“上个月”链接的显示文字。
  初始:$(‘.selector’).datepicker({ prevText: ‘Earlier’ });
  获取:var prevText = $(‘.selector’).datepicker(‘option’, ‘prevText’);
  设置:$(‘.selector’).datepicker(‘option’, ‘prevText’, ‘Earlier’); 

shortYearCutoff : String, Number : ‘+10’

  设置截止年份的值。如果是(0-99)的数字则以当前年份开始算起,如果为字符串,则相应的转为数字后再与当前年份相加。当超过截止年份时,则被认为是上个世纪。
  初始:$(‘.selector’).datepicker({ shortYearCutoff: 50 });
  获取:var shortYearCutoff = $(‘.selector’).datepicker(‘option’, ‘shortYearCutoff’);
  设置:$(‘.selector’).datepicker(‘option’, ‘shortYearCutoff’, 50); 

showAnim : String : ‘show’

  设置显示、隐藏日期插件的动画的名称。
  初始:$(‘.selector’).datepicker({ showAnim: ‘fold’ });
  获取:var showAnim = $(‘.selector’).datepicker(‘option’, ‘showAnim’);
  设置:$(‘.selector’).datepicker(‘option’, ‘showAnim’, ‘fold’); 

showButtonPanel : Boolean : false

  设置是否在面板上显示相关的按钮。
  初始:$(‘.selector’).datepicker({ showButtonPanel: true });
  获取:var showButtonPanel = $(‘.selector’).datepicker(‘option’, ‘showButtonPanel’);
  设置:$(‘.selector’).datepicker(‘option’, ‘showButtonPanel’, true); 

showCurrentAtPos : Number : 0

  设置当多月份显示的情况下,当前月份显示的位置。自顶部/左边开始第x位。