日期選擇器 - 禁用未來的日期範圍

我一直試圖實現一些額外的代碼來禁用日期範圍的日期在我的日期範圍選擇器，從我的研究我相信我需要使用beforeShowDay，有array中的日期，如果日期在array中，則返回false，但每次我嘗試在某些代碼中嘗試spanner時，將返回錯誤代碼。我必須承認我不太瞭解JavaScript，只有在必要時纔將它用於插件，任何幫助都會得到感謝。日期選擇器 - 禁用未來的日期範圍

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

我想從2nd of December 2017禁用對January 27th 2018

來源

2017-09-07 Sam1486

首先谷歌搜索我做了：[jQuery UI日期選擇器。禁用數組日期]（https://stackoverflow.com/questions/15400775/jquery-ui-datepicker-disable-array-of-dates） – Granny

啊是的，謝謝你伊萬我遇到過這個職位，但無法執行它到我現有的代碼中 - 其中已包含其他功能，您能否幫助我添加此代碼？ – Sam1486

$('#datePick').datepicker({ 
 
    defaultDate: "+1w", 
 
    changeMonth: true, 
 
    numberOfMonths: 1, 
 
    minDate: new Date(), 
 
    beforeShowDay: function(date){ 
 
     var val = new Date("2017-12-02") >= date || new Date("2018-01-28") < date ; 
 
     return [ val ] 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> 
 
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/redmond/jquery-ui.css" rel="stylesheet"/> 
 

 
// disabled 2nd of December 2017 to January 27th 2018<br> 
 
<input id='datePick'>

使用beforeShowDay並檢查哪個日期你需要證明。

來源

2017-09-07 12:39:22 Durga

日期選擇器 - 禁用未來的日期範圍

回答

相關問題