0

私の問題は、ページの読み込み時にテキストボックスにこれら2つの日付を自動入力し、日付に従ってdatepickerを使用してそれらをフィルタリングすることです

私が今持っているコード

                  <td >

                    <label for="from">Start date:</label>

                    <input type="text" id="from" />

                    <label for="to">End date:</label>

                    <input type="text" id="to" />


                </td>

そして脚本に

 $(function() {
    $( "#from" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function( selectedDate ) {
            $( "#to" ).datepicker( "option", "minDate", selectedDate );
        }
    });
    $( "#to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function( selectedDate ) {
            $( "#from" ).datepicker( "option", "maxDate", selectedDate  );
        }
    });
  });

どんな助けでも大歓迎です!!

4

1 に答える 1

0

onSelectハンドラーで示されているように最小/最大の日付を設定する必要があると想定しているので、次のようになります。

編集: 日付を事前入力するコードを追加しました。

EDIT2: また、質問に記載されていない別の要件についても。

$(function() {
    $("#from").datepicker({
        defaultDate: "-3w",
        maxDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function(selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate);
        }
    }).datepicker('setDate', '-3w');
    $("#to").datepicker({
        defaultDate: "+1w",
        minDate: "-3w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function(selectedDate) {
            $("#from").datepicker("option", "maxDate", selectedDate);
        }
    }).datepicker('setDate', '+1w');;
});
于 2012-10-24T18:44:05.240 に答える