動態創建的劍道日期選擇器不工作

-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

動態創建的劍道日期選擇器不工作

回答

相關問題