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

しかし、それはうまくいきません。

それを行う方法はありますか？

score 8 · Accepted Answer

あなたのself値は、個々の要素に対して適切な範囲を持ちません。各日付ピッカーをループする必要があります。

これを試して：

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

datajQueryメソッドを使用することもできます。

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

score 0 · Accepted Answer

あなたはこれを試すことができます

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

2 に答える 2