我怎样才能给周末涂上颜色而不是隐藏在完整的日历中
How can I color weekend instead of hide in full calendar?
目前我正在为我的项目使用FullCalendar插件。有一个活动名称"周末"。如果周末设置为假,那么周日和周六将隐藏起来。
但我希望周末的背景颜色将被指定,而不是隐藏它。
以下是我发现的插件中的js代码。
if (this.opt('weekends') === false)
{
hiddenDays.push(0, 6); // 0=sunday, 6=saturday
// $('.fc-fri').css('background', 'green');
// alert($('.fc-fri').css('background'));
//$('table.calendar > tbody > tr > td:nth-child(-n+2)').addClass('fc-fri').css('background', 'green');
//$('.fc-sat').css('background-color', '#00FF00');
}
for (i = 0; i < 7; i++) {
if (
!(isHiddenDayHash[i] = $.inArray(i, hiddenDays) !== -1)
) {
dayCnt++;
}
}
if (!dayCnt) {
throw 'invalid hiddenDays'; // all days were hidden? bad.
}
this.isHiddenDayHash = isHiddenDayHash;
}
通过评论代码,我试图给周末的日子涂上颜色。但我没有发现任何结果。如果有什么建议,请帮我解决这个问题。
您可以使用以下CSS
.fc-sat, .fc-sun {
background-color: red !important;
}
如果我正确理解你的问题
你可以使用类似的css规则
.fc-sat, .fc-sun {
background-color: red !important;
}
还有一种方法,您可以检查所选日期是否为周末,并按照自己的意愿行事。您可以使用dayClick(http://arshaw.com/fullcalendar/docs/mouse/dayClick/)以这种方式发生的事件:
dayClick: function (date, allDay, jsEvent) {
var checkDay = new Date($.fullCalendar.formatDate(date, 'yyyy-MM-dd'));
if (checkDay.getDay() == 6 || checkDay.getDay() == 0) alert('Weekend!');
}
相关文章:
- JavaScript打印功能使日历停止工作
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 显示5秒后隐藏潜水
- 在不使用JQuery的情况下隐藏DOM中的选定元素
- 剑道UI内联编辑:如何在点击其他按钮时隐藏按钮
- 浮动页脚栏-使用Bootstrap隐藏
- 在jquery中为显示/隐藏设置cookie
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 从var向代码隐藏函数传递值
- 如何在输入字段中的按钮的帮助下打开日历,该字段的类型为“=”;日期”;
- Image赢得't隐藏在滚动jQuery上
- 具有rowGrouping的数据表无法隐藏列
- JQuery 日期选取器隐藏页面上一个日历中的日期
- 引导日期选取器日历不会在你按 Tab 键浏览时隐藏
- 我怎样才能给周末涂上颜色而不是隐藏在完整的日历中
- 完整日历适合容器并隐藏滚动条
- 在数据选取器上隐藏日历
- 当ui日历首先隐藏然后显示时发生
- DHTMLX日历隐藏DHTMLX网格
- 在完整日历中隐藏某些事件字段