Question

我正在使用带有两个输入框的jQuery Datepicker小部件，一个用于＆＃34; From＆＃34;日期和第二个与＆＃34; To＆＃34;日期。我正在使用jQuery Datepicker但我需要这些额外的限制：

两者＆＃34;来自＆＃34;日期和＆＃34; To＆＃34;日期必须默认显示日历中突出显示的当前日期。
如果＆＃34; To＆＃34;首先选择日期，然后选择＆＃34; From＆＃34;日期只能在＆＃34; To＆＃34;之前的31天范围内。日期。如果＆＃34;来自＆＃34;首先选择日期，然后选择＆＃34; To＆＃34;日期只能在＆＃34; From＆＃34;之后的31天范围内。日期。在任何一种情况下都应禁用其余日期。
我需要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

Jquery datepicker。 2个datepickers。限制范围。默认日期当前日期

1 个答案: