将datepickers dateformat添加到动态生成的文本框中,其中dateformat设置为属性

Question

我已经从代码后面动态生成了文本框,一个类"DateTextBox"被设置为动态生成的所有文本框控件.将datepicker控件设置为类,但每个文本控件都需要不同的日期格式.如何设置每个文本框的DatePicker的日期格式？

动态生成的文本框控件html - >

<input type="text" class="DateTextBox" data-dateformat='dd/mm/yy'>
</br>
<input type="text" class="DateTextBox" data-dateformat='dd/MM/yy'>
</br>
<input type="text" class="DateTextBox" data-dateformat='d/M/yy'>
</br>
<input type="text" class="DateTextBox" data-dateformat='d/MM/yy'>

datepicker jquery - >

$('.DateTextBox').datepicker({ dateFormat: $(this).attr('data-dateformat'),
                showButtonPanel: true,
                changeMonth: true,
                changeYear: true,
                defaultDate: new Date(),
                changeMonth: true,
                changeYear: true
            });

检查jsFiddler

http://jsfiddle.net/khlakhil/av970gor/

Answer 1

你必须迭代each创建一个this真正引用每个元素的范围

$('.DateTextBox').each(function() {
    $(this).datepicker({ 
            dateFormat      : $(this).data('dateformat'),
            showButtonPanel : true,
            changeMonth     : true,
            changeYear      : true,
            defaultDate     : new Date(),
            changeMonth     : true,
            changeYear      : true
     });
});

小提琴