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

Question

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

动态生成的文本框控件html - ＆gt;

<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 - ＆gt;

$('.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
     });
});

FIDDLE