複数のフォーム フィールドで Alloy UI データピッカーを作成したい:
<div id="date_1_wrapper">
<input type="text" class="datepick" id="date_1" />
</div>
<div id="date_2_wrapper">
<input type="text" class="datepick" id="date_2" />
</div>
JQuery を使用すると、次のコードを使用して実行できます。
$('.datepick').each(function(){
$(this).datepicker();
});
しかし、Alloy UI で同じ機能を実現するにはどうすればよいでしょうか?
今のところ、次のコードを使用しますが、このコードはループ内の CSS クラスではなく、ID によって DatePickers を適用します。
AUI().use(
'aui-datepicker',
function(A) {
new A.DatePicker (
{
calendar: {
dateFormat: '%d/%m/%Y'
},
trigger: '#date_1'
}
).render('#date_1_wrapper');
new A.DatePicker(
{
calendar: {
dateFormat: '%d/%m/%
},
trigger: '#date_2'
}
).render('#date_2_wrapper');
}
);
このコードは最初は使えると思いますが、次は何ですか?入力と div の ID を処理する方法は?
(A.all('.datepcik').each(function() {)