2

このカレンダーウィジェットを自分のサイトに配置しようとしています（入力フォームフィールドにバインドされた日付ピッカーとしてではなく、ウィジェットとして！）： http ://www.eyecon.ro/datepicker/-必要なファイルのリンクをに追加しましたヘッダーですが、ウィジェットが表示されていません-これは（ヘッダーからの）コンストラクターでもあります：

    <script>
        $('#date3').DatePicker({
        flat: true,
        date: ['2008-07-28','2008-07-31'],
        current: '2008-07-31',
        calendars: 3,
        mode: 'range',
        starts: 1
    });
  </script>

とhtmlの私のdiv：<div id="date3"></div> それがこのウィジェットの本当に良い使い方かどうかわかりません-助けてください！

4

1 に答える 1

1

ここでは問題なく動作します...次に追加したのは、datepicker初期化を内部に配置することだけです。

$(document).ready(function() {
  //your code here
});

日付ピッカーが呼び出される前にDOMの準備ができていることを確認するためにブロックします。

注-JSファイルとCSSファイルの両方を追加しました：

<script type='text/javascript' src="http://www.eyecon.ro/datepicker/js/datepicker.js"></script>
<link rel="stylesheet" type="text/css" ref="http://www.eyecon.ro/datepicker/css/datepicker.css">
于 2012-09-04T16:13:49.900 に答える