2016-07-29 108 views
2

我需要在完整日历中的任何一天点击时更改日数颜色。我试图说明点击的那一天被激活。在点击时更改日数颜色 - 不是背景

我试图使用推荐的textColor,color,borderColor和backgroundColor,但只有最后一个工作。

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

谢谢。

+0

您正在使用什么插件帮助? –

+0

我没有使用任何插件,只需在Cordova应用程序内导入完整日历。 –

回答

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年7月29日

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

此检查在我们的HTML,其中属性数据,日期=“2016年7月29日”,并相应地应用样式

希望这

+0

惊人的阿里Mehdi,我刚刚添加moment.getDate()+1因为昨天点击激活。 –