jQuery UI Datepicker字段特定的格式

时间:2013-12-10 20:51:01

标签: jquery jquery-ui-datepicker

我正在寻找一种方法告诉Datepicker只为一个字段设置特定方式的日期格式?我希望可以某种方式设置某种INPUT内联选项来格式化该特定字段,并使所有其他选项完全相同。

我找到了格式化选项: http://api.jqueryui.com/datepicker/#utility-formatDate

但当然这是初步设定。我需要能够告诉它只是一个特定的字段,例如只有年份。

2 个答案:

答案 0 :(得分:0)

您可以对特定的jQuery UI日期选择器/实例使用dateFormat选项。

代码:

$( "#datepicker2" ).datepicker({ dateFormat: 'yy' });

演示:http://jsfiddle.net/dyvH2/

答案 1 :(得分:0)

在多个元素中初始化插件但需要基于元素实例的特定配置时,可以通过在each循环中单独初始化它们来轻松实现

 /* loop over collection of elements*/
$('.datePickerClass').each(function(){

   var opts={/* your standard config, or leave as empty object if using all defaults*/ }

   /* check some condition to isolate special cases*/
   if( $(this).is('.datePickerSpecial') ){
     /* modify config for this condition*/
     $.extend( opts, {dateFormat : "d M, y"});
   }
  /* initialize current instance*/
   $(this).datepicker(opts);

})

进一步迈出这一步,你可以轻松将其变成自己的插件。您还可以使用data-属性为$.extend

传递不同的配置设置