如何在FullCalendar.js中突出显示所选日期

时间:2016-04-18 09:36:12

标签: fullcalendar momentjs

我想强调一个选定的日期。

例如:我已经点击了一个日期,所选日期将插入文本框中,现在我再次单击日历,现在文本框中的日期应该在日历中突出显示。 我可以在dayClick中突出显示所选日期,但在他回到日历以更改选项时无法突出显示该日期。

有人可以帮助我。!

dayClick: function (date, jsEvent, view) { 
$(".fc-state-highlight").removeClass("fc-state-highlight");
$("td[data-date=" + date.format('YYYY-MM-DD') + "]").addClass("fc-state-highlight");}

2 个答案:

答案 0 :(得分:0)

抱歉,我之前的回答不正确。 更改您的代码行:

$("td[data-date=" + date.format('YYYY-MM-DD') + "]").addClass("fc-state-highlight");

到此:

$('.fc-day[data-date="' + date.format('YYYY-MM-DD') + '"]').addClass("fc-state-highlight");

答案 1 :(得分:0)

谢谢Asator的回复 基于你的回答我能够以这种方式解决

dayRender: function (date, element, view) {                    
var dateString = moment(displayDate).format('YYYY-MM-DD');
view.el.find('.fc-day-number[data-date="' + dateString + '"]').css('background-color', '#3276b1');                                     
}