0

ページを最初に開いたときに機能しますが、日付ピッカーも使用する他のページに移動すると機能します。もう機能しません。コードで何かを見逃していませんか? 下記を参照してください。どうもありがとう。

<link href="css/custom-theme/jquery-ui-1.10.3.custom.css" rel="stylesheet" />
<script src="js/jquery-1.9.1.js" type="text/javascript" language="javascript"></script>
<script src="js/jquery-ui-1.10.3.custom.js" type="text/javascript" language="javascript"></script>

<script type="text/javascript" language="javascript">
    $('#btnDfrom').focus(function () {
        $(this).datepicker();
    });
    $('#btnDto').focus(function () {
        $(this).datepicker();
    });
</script>


<span id="filtertxt">Date From: </span>
<input type="text" id="btnDfrom" />
<span id="filtertxt">Date To: </span>
<input type="text" id="btnDto" />

これも機能しません

$(function(){
   $('#btnDfrom').datepicker();
   $('#btnDto').datepicker();
});
4

2 に答える 2

1

Jquery UI の datepicker は、同じ要素で複数回呼び出されることを意図していません。これは、フォーカス イベントで呼び出した場合に発生します。

次のように、ターゲット要素で 1 回呼び出すだけです。

$(function(){
    $('#btnDfrom').datepicker();
    $('#btnDto').datepicker();
});

datepicker プラグインは、クリックの処理と要素のイベントのフォーカスを単独で処理します。ユーザーが行う必要はありません。

編集: また、datepicker を使用する各ページにスクリプト ファイル、css ファイル、およびこのコードの両方が含まれていることも確認する必要があります (ただし、含まれているのは一度だけであることを確認してください!)

于 2013-08-02T09:01:39.027 に答える