Air Datepicker inline javascript，用于从newDate启用日期15天

Question

我正在使用空气日期选择器作为表单元素，并希望将日历设置为显示距当前日期 15 天的日期，并禁用所有先前日期的选择。

但是，我无法找到解决方案。

以下是到目前为止的输入域代码：

<input type="text" data-date-format="dd-mm-yyyy" data-range="true" data-multiple-dates-separator=" - " data-language="en" data-startDate= newDate(+new Date + 12096e5) class="datepicker-here" name="Schedule">

任何帮助将不胜感激。

Answer 1

使用 jQuery UI

var dateToday = new Date();
var dates = $("#date").datepicker({
  defaultDate: "+15",
  changeMonth: true,
  minDate: "+15",
  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);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all">
<label for="from">From</label> <input type="text" id="date" name="from"/>

使用空气日期选择器

初始化日期选取器时设置 minDate

var dateToday = new Date();
var dates = $("#date").datepicker({
  language: 'en',
  minDate: getMinDate(15)
});
function getMinDate(days) {
  var date = new Date();
  date.setDate(date.getDate() + days);
  return date;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/i18n/datepicker.en.min.js"></script>
<label for="from">From</label> <input type="text" id="date" name="from"/>