2017-09-11 77 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

如何让我的日期选择反映到电子表格中所做的更改?

任何帮助,将不胜感激!

回答

相关问题