Question

我在执行和克隆datepicker时遇到问题。基本的datepicker工作正常，但克隆的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，然后使其可以用于后续克隆。

在MVC Editable中克隆时，DatePicker不起作用

1 个答案: