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 中实现相同的功能呢？

现在我使用以下代码，但此代码按 ID 应用 DatePickers，而不是循环中的 CSS 类：

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

1

你可以做和 jQuery 一样的事情。render()期待 aNode或 a selector。尝试这个：

- 更新 - 

A.all('.datepick').each(function(node, index, nodeList){
    new A.DatePicker({
        calendar: {
            dateFormat: '%d/%m/%'
        },
        trigger: node
    }).render();
});

http://yuilibrary.com/yui/docs/api/classes/NodeList.html#method_each

于 2013-10-25T16:37:27.683 回答