Kendo ui 日期选择器控件在剑道ui模板内未正确显示

Kendo ui 日期选择器控件在剑道ui模板内未正确显示,kendo-ui,kendo-template,kendo-datepicker,Kendo Ui,Kendo Template,Kendo Datepicker,我有一个剑道ui模板和一个日期选择器控件 <script type="text/x-kendo-template" id="tmplStep1"> <form> Date: <input id="datepicker" maxlength="10"/> <i>(mm/dd/yyyy)</i><br /> </form> </script> 我知道,我需要初始

我有一个剑道ui模板和一个日期选择器控件

<script type="text/x-kendo-template" id="tmplStep1">     
 <form>
    Date: <input id="datepicker" maxlength="10"/>  
    <i>(mm/dd/yyyy)</i><br />  
 </form>  
</script>
我知道,我需要初始化日期选择器,但我不知道如何初始化。我将下面的指令放在模板之外,但显然它不起作用,显示的控件是一个简单的文本框

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

$(“#日期选择器”).kendoDatePicker();
有人知道如何解决吗?

调用
$(“#日期选择器”).kendoDatePicker()在将模板设置为窗口内容之后,因为在此之前,模板还不是DOM的一部分:

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