2017-09-11 117 views
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', 

}); 


} 

這按預期工作和日期最初被排除在外,但是如果我進入我的谷歌電子表格和更改在數組中返回的日期,如果我改變輸入日期,不要在日期選擇器更新並不反映電子表格中的更改(下面的示例)。

Image1

以後,我就已經進入了谷歌電子表格,並取出20,並設置13個,使現在應該排除的日期是13日和27日。我回到我的網站改變輸入,但日期並沒有改變。

Image2

如何讓我的日期選擇反映到電子表格中所做的更改?

任何幫助,將不勝感激!

回答

相關問題