日期選擇控件不劍道UI模板

Question

我有劍道UI模板與日期選擇控件中顯示正確

<script type="text/x-kendo-template" id="tmplStep1">  
<form> 
    Date: <input id="datepicker" maxlength="10"/> 
    <i>(mm/dd/yyyy)</i><br /> 
</form> 
</script> 

我使用的是Windows彈出這樣

var detailsTemplate = kendo.template($("#tmplStep1").html()); 
dataItem = this.dataItem(e); 
var wnd = $("#winDate") 
      .kendoWindow({ 
       title: "Form", 
        modal: true, 
        visible: false, 
        resizable: false, 
        width: 100, 
        appendTo: "form#frm"      
       }).data("kendoWindow"); 

     wnd.content(detailsTemplate(dataItem));    
     wnd.center().open(); 

顯示模板

我知道，我需要初始化datepicker，但我不知道該怎麼做。我將下面的指令放在模板之外，但顯然它不起作用，顯示的控件是一個簡單的文本框。

<script> 
     $("#datepicker").kendoDatePicker(); 
</script> 

有誰知道如何解決它？

Answer 1

通話$("#datepicker").kendoDatePicker();後立即設置模板窗口的內容，因爲在這之前temlate不是DOM的一部分，但：

... 
wnd.content(detailsTemplate(dataItem)); 
$("#datepicker").kendoDatePicker(); 
wnd.center().open();