在 MVC 可编辑中克隆时 DatePicker 不工作

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，然后允许它为后续克隆工作。