Jquery模板文本框不显示日期选择器

我在Jquery模板中的一个文本框上使用Datepicker，但它并没有弹出。模板外工作良好。下面是我想做的

jQuery().ready(function () {

  //$("#HireDate").datepicker();
  $("#HireDate").datepicker({dateFormat:'dd-mm-yy', showAnim:'fadeIn'})


});

<script id="UserDetailTemplate" type="text/x-jquery-tmpl">

<table style="width:100%;">
        <tbody>             

                        <tr>
                            <td style="width:25%;font-weight:bold;">HireDate:</td>
                            <td><input type="text" id="HireDate" value="${ HireDate }" /></td>
                        </tr>  

                    </table>                         
                    </td>
            </tr>
        </tbody>
</table> 
 </script> 

jQuery（）.ready（函数（）{
//$（“#HireDate”）.datepicker（）；
$（“#HireDate”）.datepicker（{dateFormat:'dd-mm-yy'，showAnim:'fadeIn'））
});
雇佣：

除非您使用模板在页面中插入一些内容，否则

#HireDate

元素不存在。因此，当您在DOM就绪时尝试绑定日期选择器时，

$（'HireDate'）

返回一个空列表（即

$（'HireDate'）。长度==0

），但没有任何有用的结果

解决方案是在填充模板并将其插入页面后绑定日期选择器。大概是这样的：

$('#UserDetailTemplate').tmpl(data).appendTo('#something');
$('#HireDate').datepicker({ dateFormat: 'dd-mm-yy', showAnim: 'fadeIn' });