克隆中的jQuery UI日历从初始文本框打开日历。我怎样才能打开克隆的日历?

时间:2010-11-19 15:22:47

标签: jquery jquery-ui uidatepicker

我有一个表(有比这更多的信息,但为了节省空间,我删除了额外的字段),在这个表中,我使用的是jQuery UI日历datepicker。

<table class="formInfo" cellpadding="0" cellspacing="0" id="newShowToVenue">  
<tr>
    <td><img src="img/information.png" alt="help" width="16" height="16" class="help" title="Date" /></td> 
    <td>Date</td>
    <td class="datepicker_box"><input name="show_date[]" id="show_date" class="datepicker" type="text" value="$showDate" /></td>
</tr>

我还有jQuery来克隆表并清除克隆的新表中的字段。

$("#addShow").click(function(){
    var toClone = $("#newShowToVenue");    
    $(toClone).clone(true).insertBefore($('#insertBefore')).find("input").attr("value","");
    return false;
});

我遇到了克隆表的datepicker打开原始日期选择器的问题,并且不允许我将日期添加到新的克隆表中。

我已经尝试了几个我在这里找到的选项,似乎没有一个可以做到这一点。如果有人可以请求帮助并指导我如何做到这一点,那将是伟大的。提前谢谢。

1 个答案:

答案 0 :(得分:0)

确定。所以从这里阅读另一篇文章,并尝试其中几个无济于事,我终于得到了一个有用的。决定在这里添加它,以防万一其他人看到同样的问题。

所以你可以在上面看到原文,这是有效的。

$("#addShow").click(function(){
$('input.datepicker').datepicker("destroy");
newDiv = $(toClone).clone(true).insertBefore($('#insertBefore'));
newDiv.find("input").attr("value","");  
$('input.datepicker').datepicker();
return false;

});

希望这有助于某人。我花了太多时间试图弄清楚这些东西。