使用data-attribute在jQuery日历上设置选项

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" ).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') 
});