0

Jquery テンプレートのテキスト ボックスの 1 つで 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>
4

1 に答える 1

1

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

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

$('#UserDetailTemplate').tmpl(data).appendTo('#something');
$('#HireDate').datepicker({ dateFormat: 'dd-mm-yy', showAnim: 'fadeIn' });
于 2010-12-29T05:57:39.667 に答える