javascript - 使用数据属性在 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')
    });
});

您也可以使用 jQuerydata方法。

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

Answer 2

你可以试试这可能有用

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