DatePicker在MVC可编辑的克隆中不起作用

Question

我在执行和克隆datepicker时遇到问题。基本日期选择器工作正常，但是克隆的日期选择器不工作。有人可以帮我吗努力获得解决。这是我尝试过的：

<input type="button" class="addbutton" id="addfield_button" style="font-size: x-small; color: blue; vertical-align: middle" value="Add" />

<table id="mitigationsTable">    
    <tr><td>@(Html.Kendo().DatePicker().Name("datepicker").Value("10/10/2011").HtmlAttributes(new { type = "text" }))
        </td>
    </tr>
</table> 

<script type="text/javascript">
    $(document).ready(function () {
        $("#addfield_button").click(function (e) {           
            $("#mitigationsTable tr:first").clone().find("input").each(function () { }).end().appendTo("table");
        });
    });

Answer 1

设法解决这个问题。无需使用kendo datepicker进行克隆，只需在HTML中创建通用编辑器即可：

@Html.Editor("date_0", new { htmlAttributes = new { style="width:100%" } })

[每当您单击克隆按钮时，获取新的输入元素并使用JQuery通过kendo日期选择器将其初始化：

$("#mitigationsTable tr:first").clone().find("input").kendoDatePicker();

这将使克隆的元素具有日期选择器。

就我而言，我将原始输入放在一个隐藏的div中。如果您隐藏了第一个tr字段，然后在文档准备就绪的情况下初始化kendo datepicker进行了克隆，则默认情况下，页面加载时应该可以使用datepicker，然后使其可以用于后续克隆。