使用数据属性在jQueryUI日历上设置选项

Question

我想使用“ data-dateformat”属性设置jQueryUI Datepicker的dateformat选项

所以我可以在我的页面上做

<input name="t1" type="text" class="datepicker" data-dateformat="MM YY"> 
<input name="t2" type="text" class="datepicker" data-dateformat="DD MM y">

并且日期选择器将使用正确的格式

我试过了

 $( ".datepicker" ).datepicker({
                  dateFormat: $(self).attr('data-dateformat') 
               });

但这不起作用。

有什么办法吗？

Answer 1

您的self价值将不会适合各个元素。 您需要遍历每个日期选择器。

尝试这个：

$(".datepicker").each(function(){
    var $this = $(this);
    $this.datepicker({
       dateFormat: $this.attr('data-dateformat')
    });
});

您也可以使用jQuery data方法。

$(".datepicker").each(function(){
    var $this = $(this);
    $this.datepicker({
       dateFormat: $this.data('dateformat')
    });
});

Answer 2

你可以尝试这可能会工作

$( ".datepicker" ).datepicker({
              dateFormat: $(this).data('dateformat') 
});