Apply Alloy UI 1.5 datepicker to multiple instances
- by MyTitle
I want to create Alloy UI datapickers on multiple form fields:
<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>
Using JQuery I can do it using following code:
$('.datepick').each(function(){
$(this).datepicker();
});
But how to achieve same functionality in Alloy UI?
For now I use following code, but this code apply DatePickers by ID, not by CSS class in loop:
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');
}
);
I think it this code can be used in beginning, but how to deal with input's and div's ID's?
(A.all('.datepcik').each(function() {)
