Question

这是我的fullcalendar代码。在这里，我如何仅为feb 14更改背景颜色。

 dayRender: function (date, cell) {

         var Xmas = new Date('2017-02-14');
                    var weekday = Xmas.getDate();
                    console.log(weekday); 
                     if (weekday) {
                        cell.css("background-color", "red");
                    }

    }

小提琴：http://jsfiddle.net/z8Jfx/617/

Answer 1

在您的演示here is mine的基础上，我们的想法是使用getTime，以获得与xmash日比较的毫秒时间。

var $calendar = $('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,basicWeek,basicDay'
    },

    defaultView: 'month',

    dayRender: function (date, cell) {
        console.log(date.getTime())
         var Xmas = new Date('2017-02-14');
                    var weekday = Xmas.getTime();
                    console.log(weekday); 
                     if (weekday===date.getTime()) {
                        cell.css("background-color", "red");
                    }

    }   
});

Answer 2

以下是您的请求示例，但这只是CSS ..我只为feb 14制作代码。

.fc-day[data-date^="2017-11-14"] {
  background: blue !important;
}

也许你可以改变你想要的数据日期。但我为你创造的并不是动态的。我希望你能欣赏它。

或者，如果您想要动态获取所有假期或要突出显示的日期，请使用addClass。

如何仅在fullcalendar中的选定日期更改背景颜色？

2 个答案: