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

Question

我已经从代码隐藏动态生成文本框，一个类“DateTextBox”被设置为所有动态生成的文本框控件。日期选择器控件设置为类，但每个文本控件需要不同的日期格式。如何为每个文本框的 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'>

日期选择器 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
     });
});

FIDDLE