Question

我正在使用air datepicker作为表单元素，并希望将日历设置为显示距当前日期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

＆＃13;

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);
  }
});

＆＃13;

<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"/>

＆＃13;

使用 air Datepicker

初始化datepicker时设置minDate

＆＃13;

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;
}

＆＃13;

<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"/>

＆＃13;

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

1 个答案: