vue FullCalendar 当天日期背景色

你可以使用 FullCalendar 的 `dayRender` 属性来设置当天日期的背景色。这个属性可以让你自定义每个日期单元格的 HTML 元素。

以下是示例代码，将当前日期单元格的背景色设置为红色：

import { Calendar } from '@fullcalendar/vue'
import dayGridPlugin from '@fullcalendar/daygrid'

export default {
  components: {
    FullCalendar: Calendar
  },
  data() {
    return {
      calendarOptions: {
        plugins: [dayGridPlugin],
        defaultView: 'dayGridMonth',
        dayRender: function (info) {
          const today = new Date()
          if (info.date.getDate() === today.getDate() &&
              info.date.getMonth() === today.getMonth() &&
              info.date.getFullYear() === today.getFullYear()) {
            info.el.style.backgroundColor = 'red'
          }
        }
      }
    }
  }
}

在上面的代码中，我们使用了 FullCalendar 的 `dayRender` 回调函数来检查当前日期是否与今天一致。如果是，我们设置单元格的背景色为红色。

注意，`info.el` 表示日期单元格的 HTML 元素，你可以在这里为单元格设置任何 CSS 样式。