Jquery日期选择器。2个日期选择器。限制射程。默认日期当前日期

Question

我使用的jQuery Datepicker小部件有两个输入框，一个用于“From”日期，另一个用于“To”日期。我正在使用jQuery日期选择器，但我需要这些附加限制：

1. 默认情况下，“从”日期和“到”日期都必须显示日历中突出显示的当前日期
2. 如果先选择“截止”日期，则“起始”日期只能在“截止”日期前31天的范围内。如果先选择“开始”日期，则“结束”日期只能在“开始”日期后31天的范围内。在这两种情况下，其余日期都应禁用
3. 我需要dd-mm-yyyy格式的日期

Answer 1

请使用以下代码。

$( function() {
    $("#fromDate").datepicker({
          dateFormat: 'yy-mm-dd',
        inline: true,
        onSelect: function(date, inst) {
                 var selDate = new Date(date);
                 var newDate = new Date(selDate.getFullYear(), selDate.getMonth(), selDate.getDate()+31);
                  $('#toDate').datepicker('option', 'minDate', selDate );
                  $('#toDate').datepicker('option', 'maxDate', newDate );
        }
        });
        $("#fromDate").datepicker('setDate', new Date());

    $( "#toDate" ).datepicker({
            dateFormat: 'yy-mm-dd',
            inline: true,
            onSelect: function(date, inst) {
                 var selDate = new Date(date);
                 var newDate = new Date(selDate.getFullYear(), selDate.getMonth(), selDate.getDate()-31);
                  $('#fromDate').datepicker('option', 'minDate', newDate );
                  $('#fromDate').datepicker('option', 'maxDate', selDate );
            }
    });
    $("#toDate").datepicker('setDate', new Date());
  } );

请参阅小提琴Fiddle