JQuery datepicker 用法详解

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

  设置:$(‘.selector’).datepicker(‘option’, ‘altField’, ‘#actualDate’); 

altFormat : String : ”

当设置了altField的情况下,显示在另一个域中的日期格式。
  初始:$(‘.selector’).datepicker({ altFormat: ‘yy-mm-dd’ });
  获取:var altFormat = $(‘.selector’).datepicker(‘option’, ‘altFormat’);
  设置:$(‘.selector’).datepicker(‘option’, ‘altFormat’, ‘yy-mm-dd’); 

appendText : String : ”

  在日期插件的所属域后面添加指定的字符串。
  初始:$(‘.selector’).datepicker({ appendText: ‘(yyyy-mm-dd)’ });
  获取:var appendText = $(‘.selector’).datepicker(‘option’, ‘appendText’);
  设置:$(‘.selector’).datepicker(‘option’, ‘appendText’, ‘(yyyy-mm-dd)’); 

buttonImage : String : ”

  设置弹出按钮的图片,如果非空,则按钮的文本将成为alt属性,不直接显示。
  初始:$(‘.selector’).datepicker({ buttonImage: ‘/images/datepicker.gif’ });
  获取:var buttonImage = $(‘.selector’).datepicker(‘option’, ‘buttonImage’);
  设置:$(‘.selector’).datepicker(‘option’, ‘buttonImage’, ‘/images/datepicker.gif’); 

buttonImageOnly : Boolean : false

Set to true to place an image after the field to use as the trigger without it appearing on a button.
  初始:$(‘.selector’).datepicker({ buttonImageOnly: true });
  获取:var buttonImageOnly = $(‘.selector’).datepicker(‘option’, ‘buttonImageOnly’);
  设置:$(‘.selector’).datepicker(‘option’, ‘buttonImageOnly’, true); 

buttonText : String : ‘…’

  设置触发按钮的文本内容。
  初始:$(‘.selector’).datepicker({ buttonText: ‘Choose’ });
  获取:var buttonText = $(‘.selector’).datepicker(‘option’, ‘buttonText’);
  设置:$(‘.selector’).datepicker(‘option’, ‘buttonText’, ‘Choose’); 

changeMonth : Boolean : false

  设置允许通过下拉框列表选取月份。
  初始:$(‘.selector’).datepicker({ changeMonth: true });
  获取:var changeMonth = $(‘.selector’).datepicker(‘option’, ‘changeMonth’);
  设置:$(‘.selector’).datepicker(‘option’, ‘changeMonth’, true); 

changeYear : Boolean : false