我正在尝试制作一个 jquery 日期选择器日历,它会突出显示假期,并在日期选择器上的日期悬停时将假期名称作为工具提示。假期日期来自 php 文件 (holidays.php)。我的问题是..我似乎无法突出显示所有假期,它只突出显示一个日期。更具体地说,只是第一次返回的日期。
$(document).ready(function (){
var holiDays = (function () {
var val = null;
$.ajax({
'async': false,
'global': false,
'url': 'holidays.php',
'success': function (data) {
val = data;
}
});
return val;
})();
var result = [];
var holiDays = holiDays.split(',');
var s, k;
for (s = 0, k = -1; s < holiDays.length; s++) {
if (s % 4 === 0) {
k++;
result[k] = [];
}
result[k].push(holiDays[s]);
}
// This for loop is to check whether the values stored in result[] are correct
for (i = 0; i < result.length; i++) {
var f=result[i][0]+"-"+result[i][1]+"-"+result[i][2];
alert(f);
}
function nationalDays(date) {
var m = date.getMonth();
var d = date.getDate();
var y = date.getFullYear();
for (i = 0; i < result.length; i++) {
var f=result[i][0]+"-"+result[i][1]+"-"+result[i][2];
// WHEN I ALERT THE VALUE OF f HERE,
// IT ALWAYS DISPLAY THE FIRST VALUE IN THE RESULT ARRAY. WHY?
alert(f);
var d = new Date(f);
if (date.getFullYear() == d.getFullYear()
&& date.getMonth() == d.getMonth()
&& date.getDate() == d.getDate()) {
return [true, 'holiday', result[i][3]];
} else {
return [true];
}
}
}
$(function() {
$('input.pickerClass').live('click', function() {
$(this).datepicker({dateFormat: 'yy-mm-dd', beforeShowDay: nationalDays }).focus();
});
});
});
当我警告数组内的值时result[]
在NationalDays函数之外,存储的值似乎是正确的。
for (i = 0; i < result.length; i++) {
var f=result[i][0]+"-"+result[i][1]+"-"+result[i][2];
alert(f);
}
但由于某种原因,当我提醒值result[]
在NationalDays函数下的for循环内,它仅返回数组result[]中存储的第一个日期。但为什么?
有人有想法吗?...我将非常感激。 :)