0
我目前正在創建一個網站,並已成爲與我的datepicker問題卡住。啓用/禁用日期選擇器中的日期基於從輸入更改
我想從輸入使dateCicker更新onChange。以下是我迄今爲止所擁有的。我從Google電子表格中返回一組日期,然後使用beforeShowDay從datepicker禁用這些日期。
document.getElementById('optionList').addEventListener('change', function
() {
alert("hello")
google.script.run.withSuccessHandler(arrayReturnTest).excludedDays();
document.getElementById("iDate").disabled = false
});
function arrayReturnTest(arrayDates) {
var days =["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];
var unavailableDays = ["Saturday","Sunday"];
function unavailable(date){
ymd = date.getFullYear() + "/" + ("0"+(date.getMonth()+1)).slice(-2) + "/" + ("0"+date.getDate()).slice(-2);
day = new Date(ymd).getDay();
if ($.inArray(ymd, arrayDates) < 0 && $.inArray(days[day], unavailableDays) < 0) {
return [true, "enabled", "Book Now"];
} else {
return [false,"disabled","Booked Out"];
}
}
document.getElementById('input2').value = arrayDates;
$('#iDate').datepicker({
beforeShowDay: unavailable,
showWeek :true,
firstDay: 1,
dateFormat:'dd/mm/yy',
minDate: minDate,
maxDate: '+21d',
});
}
這按預期工作和日期最初被排除在外,但是如果我進入我的谷歌電子表格和更改在數組中返回的日期,如果我改變輸入日期,不要在日期選擇器更新並不反映電子表格中的更改(下面的示例)。
以後,我就已經進入了谷歌電子表格,並取出20,並設置13個,使現在應該排除的日期是13日和27日。我回到我的網站改變輸入,但日期並沒有改變。
如何讓我的日期選擇反映到電子表格中所做的更改?
任何幫助,將不勝感激!