如何在 air-datepicker 中给出默认日期范围？答案

【问题标题】：how to give default date range in air-datepicker?如何在 air-datepicker 中给出默认日期范围？
【发布时间】：2016-02-25 15:47:22
【问题描述】：

我希望在 calender.html 加载时自动选择 minRange 和 maxRange

calender.html

<html>
  <head>
  <script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
    <link href="datepicker.min.css" rel="stylesheet" type="text/css">
    <script src="datepicker.min.js"></script>

    <!-- Include English language -->
    <script src="datepicker.en.js"></script>

    <script type="text/javascript">
    var date = new Date();
    var currentMonthStartDay = new Date(date.getUTCFullYear(), date.getUTCMonth(), 1);
    var currentMonthLastDay = new Date(date.getUTCFullYear(), date.getUTCMonth() + 1, 0);


        $('#my-element').data('datepicker').minRange = currentMonthStartDay;
        $('#my-element').data('datepicker').maxRange = currentMonthLastDay;


    </script>
  </head>
  <body>
    <!-- <input type='text' class="datepicker-here" data-position="right top" /> -->
    <div class="datepicker-here" id='my-element' data-language='en' data-range="false"></div>
  </body>
</html>

我无法设置 minRange 和 maxRange

【问题讨论】：

标签： jquery jquery-ui air jquery-ui-datepicker

【解决方案1】：

在我的例子中，我限制了日期选择，以便用户只能看到两天之间的日期：今天和下一天（分配 10 天后=它是一个变量，您可以根据需要更改它） assumed that today is 07/27/2017 thus 05/08/2017 would be 10days later~yay

首先：我的代码：

var myDate=new Date() ;
// Variable Declare＝today
var spanDay = myDate.getDate();
myDate.setDate(spanDay + 10);
//code above means you have assigned 10 days after myDate

然后：

//in datepicker plugin

var $cells = $('#custom-cells');
$cells.data('datepicker');
$cells.datepicker({
        todayButton: new Date(),
        minDate: new Date(),

        maxDate:myDate,
        onRenderCell: function (date, cellType) {
            if (cellType == 'day') {
                var day = date.getDay(),
                    isDisabled = disabledDays.indexOf(day) != -1;
                return {
                    disabled: isDisabled
                }
            }
        }
    });

【讨论】：

【解决方案2】：

这样试试

$('#minMaxExample').datepicker({
    language: 'en',
    minDate: new Date() // Now can select only dates, which goes after today
})

【讨论】：

【解决方案3】：

您可以像这样使用空气日期选择器的方法 selectDate()：

var datepicker = $('#my-elem').datepicker().data('datepicker');
datepicker.selectDate(startDate);
datepicker.selectDate(endDate);

确保您的 startDate 和 endDate 是 javascript 日期，如果不是，请使用

new Date(startDate)

【讨论】：