Jquery模板文本框未显示datepicker

我在Jquery模板中的一个文本框上使用Datepicker但它没有弹出。 模板外工作正常。 以下是我想要做的。

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

Answer 1

在您使用模板将某些内容插入页面之前， #HireDate元素不存在。 因此，当您尝试在DOM准备好时绑定日期选择器时， $('#HireDate')返回一个空列表（即$('#HireDate').length == 0 ）并且没有任何有用的事情发生。

解决方案是在填写模板并插入页面后绑定日期选择器。 像这样的东西：

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