动态创建的剑道日期选择器不工作

-1

  <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() 
    }); 
}

如何解决这个问题？

来源

2017-04-17 GANI

您可以使用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/

来源

2017-04-18 17:22:55 tclark333

要启动剑道datePicker，试试这个：

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

这为我工作，希望这对你的作品！

来源

2017-04-18 01:02:34

想这一点，它不是为我工作。你能为我创造一个例子吗？ – GANI

试着检查这个，http://jsfiddle.net/mpjoveyn/ –

在这个例子中，想要在点击动作中添加多个日期控件，从代码中不能动态添加 – GANI

动态创建的剑道日期选择器不工作

回答

相关问题