2017-04-05 21 views
0

フォーム要素にair datepickerを使用していて、現在の日付から15日の日付を表示し、以前の日付の選択を無効にするようにカレンダーを設定します。日付を有効にするためのAir DatePickerインライン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

)の日付ピッカー.name/air-datepicker/docs / – 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/

関連する問題