Question

我有一个像这样的日期选择器：

<input name="eventDate" type="text" id="eventDate" size="12" class="textbox">

为了显示日历，我使用以下声明：

<script>
// <![CDATA[ 
var opts = { formElements:{"eventDate":"d-sl-m-sl-Y"} };     
datePickerController.createDatePicker(opts);
// ]]>  
</script>

我的问题是我想要创建一个表单，每次用户按下“添加行”按钮时，将出现一个如上所示的新行，并且每行中名为“eventDate”的所有datepicker都应该有效。我怎样才能做到这一点？任何人都可以帮助我吗？

Answer 1

您需要将克隆的输入字段绑定到datepicker，以便在插入新行后重新设置日期选择器。

这是一个快速的小提琴：http://jsfiddle.net/466C8/

$('.addRow').click( function() {
    $('.cont').append('<input name="eventDate" type="text" class="eventDate" size="12" class="textbox" /><br />');
    $( ".eventDate" ).datepicker();
});

如果你要克隆这些元素，你应该使用类。如果ID完全相同，它将无法使用ID。在SO中也有很多这样的问题和很好的答案，尝试搜索。

在克隆行中显示datepicker

1 个答案: