如何突出显示由 gotodate 函数检索的 fullcalendar v.3.1 js/c# 上的特定日期？

Question

我有这个代码：

$(document).ready(function () {
/*var event_list = $('#event_list');*//*gil70l*/
    //$(document).ready(function () {
    //
    $("#btnsearch").click(function () {
        var res = $("#txtSearch").val();
        res = res.substring(0,19);
        date = moment(res, "DD/MM/YYYY HH:mm");
        alert(date);
        $("#calendar").fullCalendar('gotoDate', date);
        $('.fc-day[data-date="' + date + '"]').css('background-color', "red");
        //$('#calendar').find('.fc-day-number[data-date="' + date + '"]').css('background-color', '#FAA732');
      
    })

但我无法突出显示我用函数定位自己的日期 'gotoDate'。

Answer 1

$('.fc-day[data-date="' + date + '"]'

...在这里您需要将 date 置于 yyyy-mm-dd 格式，因为如果您查看生成的 fullCalendar HTML 和看看那里已经有什么了。目前你让 momentJS 使用它的默认字符串格式输出，它看起来像

 Wed Aug 25 2021 10:26:36 GMT+0100

我希望

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

效果会更好。

如何突出显示由 gotodate 函数检索的 fullcalendar v.3.1 js/c# 上的特定日期？

How do I highlight a specific day on fullcalendar v.3.1 js/c# retrieved by gotodate function?

html

css

jquery

fullcalendar

fullcalendar-3