2017-04-05 33 views
0

我正在使用空氣日期選擇器的表單元素,並希望將日曆設置爲顯示日期從當前日期15天,並禁用選擇所有以前的日期。Air Datepicker inline javascript爲啓用日期從newDate 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"> 

任何幫助將非常感激。

+0

在空氣日期選擇器具有使用此選項可以設置日期,如「的minDate」和「的maxDate」選項。 – vinox

+0

$('#minMaxExample')。datepicker({ 語言:'en', minDate:new Date()//現在只能選擇日期,這會在今天后進行 }) – vinox

+0

供您參考http:// t1m0n .NAME /空氣日期選擇器/文檔/ – vinox

回答

0

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

試試這個。

的jsfiddle:https://jsfiddle.net/durga598/fmsxvhxo/