Jqueryテンプレートのテキストボックスにdatepickerが表示されない

Question

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> 

Answer 1

#HireDate要素は、テンプレートを使用してページにコンテンツを挿入するまで存在しません。したがって、DOMが準備されているときにdatepickerをバインドしようとすると、$('#HireDate')は空のリスト（つまり$('#HireDate').length == 0）を返し、何も役に立ちません。

の後に日付ピッカーをバインドするという解決策は、テンプレートが埋め込まれてページに挿入されることです。このようなもの：

​​3210