[英]datepicker ui onChangemonthyear runs before beforeshowday
我使用jQuery Datepicker ui。 ( http://jqueryui.com/datepicker/ )
我想給從Ajax回來的日子塗上顏色,而塗上顏色。
我有這個:
$(document).ready(function()
{
getAllDays();
$("#datepicker").datepicker({
changeMonth: true,
changeYear: true,
onChangeMonthYear: getAllDays,
beforeShowDay: highlightDays,
dateFormat: 'DD, d MM, yy',
altField: '#date_due',
altFormat: 'yy-mm-dd',
firstDay: 1
});
});
作為日期選擇器。 現在的問題是,我可以在getAllDays函數中設置日期,並在HighlightDays函數中設置日期。 但是Highlightdays會在getAllDays之前運行,因此該月的顏色錯誤(與上個月一樣)
如果需要,這些是以下兩個功能:
function getAllDays(year, month) {
$.ajax({
async: false,
cache: false,
url: "AantalUrenAjax?_d" + (new Date().getTime()) + "&jaar=" + year + "&maand=" + month,
dataType: "json",
success: function(data) {
// loop over dayUsage array result
$.each(data, function(index, value) {
// add to different arrays depending on how much time is allocated in estimates
enabledDays.push(value);
});
}
});
}
function highlightDays(date) {
for (var i = 0; i < enabledDays.length; i++) {
// console.log((enabledDays[i].jaar,enabledDays[i].maand,enabledDays[i].dag).toString());
if (new Date(enabledDays[i].Jaar, enabledDays[i].Maand, enabledDays[i].Dag).toString() === date.toString()) {
textdisplay = "Er zijn nog " + enabledDays[i].aantalafspraken.toString() + " Vrije afspraken";
switch (true) {
case (enabledDays[i].aantalafspraken < 1):
return [true, "Volzet", textdisplay];
break;
case (enabledDays[i].aantalafspraken < 3):
return [true, "BijnaVolzet", textdisplay];
break;
default:
return [true, 'Vrij', textdisplay];
}
}
}
return [true, ''];
}
我現在嘗試修復此問題20個小時,但我無法修復它:(
您是否嘗試過將精彩日子轉移到getAllDays函數的成功回調中?
success: function(data) {
// loop over dayUsage array result
$.each(data, function(index, value) {
// add to different arrays depending on how much time is allocated in estimates
enabledDays.push(value);
});
highlightDays...
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.