Question

这是我的HTML，

            <div id="replicate">
               <div id="student">
                    <div class="col-md-3">
                        <div class="form-group ">
                            <label class="control-label" for="">Name</label>
                            <textarea id="" name="" class="form-control" col="3"></textarea>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group ">
                            <label class="control-label" for="">Date</label>
                            <input id="" name="" class="form-control kendo_datepicker" value="" placeholder="" type="text">
                        </div>
                    </div>
                </div>
               </div>

在按钮上单击我将添加到#replicate div.Datepicker不适用于动态添加的控件。这是我的功能

    function add(student, count) {
    var dat = $('#' + student).html();
    $('#replicate').append('')  // my logic

    var datepicker = $("input.kendo_datepicker").data("kendoDatePicker");
    datepicker.setOptions({
        min: new Date()
    });
}

如何解决这个问题？

Answer 1

您可以使用Kendo模板来容纳您想要复制的HTML。

<script id="datepicker-template" type="text/x-kendo-template">
    <div id="student">
    <!--More HTML to be duplicated-->
</script>

每次单击时，您都可以将HTML附加到#replicate div元素，并在最后创建的datepicker控件上调用kendoDatePicker（）函数。

以下是您如何做到这一点的一个示例： http://jsfiddle.net/1yje5u9n/

Answer 2

要启动剑道datePicker，请尝试以下操作：

$("input.kendo_datepicker").kendoDatePicker({});

这对我有用，希望这适合你！

动态创建的kendo datepicker不起作用

2 个答案: