1

複数のフォーム フィールドで 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() {)
4

1 に答える 1