動的に作成された剣道日付ピッカーはここ

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

剣道テンプレートを使用して、複製したいHTMLを格納することができます。各クリックで

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

、あなたの#replicateのdiv要素にそのHTMLを追加し、最後に作成された日付ピッカーコントロールにkendoDatePicker（）関数を呼び出すことができます。ここで

は、あなたがそれを行うことができる方法の一例である。 http://jsfiddle.net/1yje5u9n/

Answer 2

剣道datePickerを開始するには、これを試してください：これは私のために働いた

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

、これはあなたのために働く願っています！