0

日付範囲ピッカーを使用しています

コードは次のとおりです。

<input type="text" name="sample" id="sample" class="date_css" value="Select a date" />

クエリは次のとおりです。

    <script type="text/javascript">
        $(function(){
              $('#sample').daterangepicker({
                arrows:true,
                dateFormat: 'd-M-yy',
                rangeSplitter: 'to',
                datepickerOptions: {
                     changeMonth: true,
                     changeYear: true,
                     minDate: new Date("01/01/2011") //Account created date
                },

              });
         });
    </script>

質問: datepickerOptionsオプションは、jquery UI の datepicker で使用する同じオプションに似ています。ユーザーが特定の範囲で日付を選択しているときに、最小最大日付選択を使用するにはどうすればよいですか。（つまりonSelect、オプションを使用してdatepickerOptions選択範囲を制限する方法）

助けて

少し早いですがお礼を...

4

1 に答える 1

-1

datepicker min maxおよびdatepicker date-rangeを参照してください。あなたが欲しい部分は私が思うです：

onSelect: function( selectedDate ) {
    var option = this.id == "from" ? "minDate" : "maxDate",
    instance = $( this ).data( "datepicker" ),
    date = $.datepicker.parseDate(
    instance.settings.dateFormat ||
    $.datepicker._defaults.dateFormat,
    selectedDate, instance.settings );
    dates.not( this ).datepicker( "option", option, date );
}

次に、「minDate」および「maxDate」オプションと組み合わせます。

于 2011-03-09T11:23:02.047 に答える