Javascript 如何突出显示从URL检索的日历上的特定日期?
我使用FullCalendar允许用户选择特定日期,从数据库检索数据,然后用该数据重新加载页面。正在使用URL中的选定日期重写页面 重新加载时,我获取日期并使用defaultDate参数加载日历,它会移动到所选日期,但没有所选日期的视觉突出显示Javascript 如何突出显示从URL检索的日历上的特定日期?,javascript,css,fullcalendar,Javascript,Css,Fullcalendar,我使用FullCalendar允许用户选择特定日期,从数据库检索数据,然后用该数据重新加载页面。正在使用URL中的选定日期重写页面 重新加载时,我获取日期并使用defaultDate参数加载日历,它会移动到所选日期,但没有所选日期的视觉突出显示 $(document).ready(function() { var newDate = getUrlVars()["scheduled_date"]; // console.log(newDate); $('#schedul
$(document).ready(function() {
var newDate = getUrlVars()["scheduled_date"];
// console.log(newDate);
$('#scheduled_calendar').fullCalendar({
<!--Header Section Including Previous,Next and Today-->
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
<!--Default Date-->
// defaultDate: '2015-02-12',
defaultDate: newDate,
editable: true,
eventLimit: true, // allow "more" link when too many events
dayClick: function (date, jsEvent, view) {
// console.log(date.format());
var currentUrl = window.location.href;
$(".fc-state-highlight").removeClass("fc-state-highlight");
$(this).addClass("fc-state-highlight");
newURL = addURLParam(currentUrl,"scheduled_date", date.format())
location.href = newURL;
}
});
if (newDate > "0000-00-00") {
$('#scheduled_calendar').fullCalendar('gotoDate', newDate);
}
});
找到了一些有用的东西。编辑了最终的if语句
if (newDate > "0000-00-00") {
$('#scheduled_calendar').fullCalendar('gotoDate', newDate);
$('.fc-day[data-date="' + newDate + '"]').css('background-color', "lightcyan");
}
但是在文档中找不到.fc day对象。请注意,//this和/*this*/是有效的JS注释。您能提供一个工作演示吗?