Question

当我在完整日历中的任何一天点击时，我需要更改日期颜色。我试图表明点击的那一天已激活。

我尝试使用推荐的textColor，color，borderColor和backgroundColor，但只有最后一个有效。

dayClick: function(date, jsEvent, view) {
                $(this).css('textColor', 'red');
            },

谢谢。

Answer 1

使用

$('#calendar').fullCalendar({
                    dayClick: function (date) {
                        var moment = date.toDate();
                        MyDateString = moment.getFullYear() + '-'
                                + ('0' + (moment.getMonth() +1) ).slice(-2)
                                + "-" +('0' + moment.getDate()).slice(-2);
                        $('[data-date='+MyDateString+']').css({"color": "red", "backgroundColor": "yellow", "borderBottom": "5px solid #ccc"});
                    }
                });

<强>解释

var moment = date.toDate();

这会将日期字符串更改为javascript日期对象

MyDateString = moment.getFullYear() + '-'
                                    + ('0' + (moment.getMonth() +1) ).slice(-2)
                                    + "-" +('0' + moment.getDate()).slice(-2);

此代码将日期格式更改为2016-07-29

$('[data-date='+MyDateString+']').css({"color": "red", "backgroundColor": "yellow", "borderBottom": "5px solid #ccc"});

在我们的html中检查属性data-date =＆＃34; 2016-07-29＆＃34;并相应地应用该风格

希望这有帮助

点击更改日期号码颜色 - 不是背景

1 个答案: