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

Question

在使用 gotodate 函数定位一周后，我想为单个事件着色。我尝试了以下代码，但它不起作用

$(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");
        $("#calendar").fullCalendar('gotoDate', date);
             
        $('.fc-event-dot[data-date="' + date.format("YYYY-MM-DD HH:mm:ss") + '"]').css('background-color', '#a31a5c');
    }),

更新：这是搜索功能

<script type="text/javascript">
        $(function () {
            $("[id$=txtSearch]").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: '<%=ResolveUrl("~/Default.aspx/GetEvent") %>',
                    data: "{ 'prefix': '" + request.term + "'}",
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        response($.map(data.d, function (item) {
                            return {
                                label: item.split('|')[0],
                                val: item.split('|')[1]
                                
                            }
                        }))
                    },
                    error: function (response) {
                     //   alert(response.responseText);
                    },
                    failure: function (response) {
                        alert(response.responseText);
                    }
                });
            },

Answer 1

应该这样做。
现在具体日期突出显示。

$('#calendar').fullCalendar();
$('#d').click(function() {
  var s = $('#s').val();
  date = moment(s).format();
  $("#calendar").fullCalendar('gotoDate', date);
  $('#calendar').fullCalendar('select', date);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://momentjs.com/downloads/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.2.0/fullcalendar.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.css" rel="stylesheet" />


<!-- e.g. 2021-12-02 -->


<span>Serach</span>
<input type="text" id="s" />
<span>
  <button type="text" id="d">Date
  </button></span>
<div id='calendar'></div>