如何突出显示由 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?如何突出显示由 gotodate 函数检索的 fullcalendar v.3.1 js/c# 上的特定日期？
【发布时间】：2021-08-24 12:00:48
【问题描述】：

我有这个代码：

$(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”功能突出显示我定位自己的日期。

【问题讨论】：

也许这篇文章可以帮助你：stackoverflow.com/a/4191718/13604954 类似于 $(".fc-day").find('[data-date="' + date + '"]' )
谢谢，但我还没有找到解决问题的方法
我也试过了：$(".fc-day").find('[data-date="' + date + '"]').addClass("fc-highlight");但什么都没有。
$('.fc-day[data-date="' + date + '"]') 可能返回多个元素。尝试这样的 console.log() console.log($('.fc-day[data-date="' + date + '"]'))

标签： html jquery css fullcalendar fullcalendar-3

【解决方案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") + '"]'

会更好。

【讨论】：

好的，谢谢，它有效。但是如果我想为单个事件着色，我该怎么做？
我试过 '$('.fc-event-dot[data-date="' + date.format("YYYY-MM-DD HH:mm:ss") + '"]' ).css('background-color', '#a31a5c');',但是什么都没有
如果您有一个特定的事件想要突出显示，您可以通过 fullCalendar API 更新它来设置它的属性（包括与颜色相关的属性）：fullcalendar.io/docs/v3/updateEvent。附言我已经回答了您给出的问题，因此请将其标记为已接受和/或投票。如果您有其他问题，请发一个新帖子单独提问 - 谢谢 :-)
P.S.我不知道你从哪里得到 .fc-event-dot 位，这在 fullCalendar 3 中不是一个东西，至少默认情况下不是这样（在以后的版本中，它不会将日期作为数据属性携带））。检查生成的 fullCalendar 的 HTML 会向您展示这一点，并且无需进行任何猜测:-)