急!!!!FullCalendar怎么设置hover,还有当天往前时间和当天往后时间更改css

急!!!!FullCalendar怎么设置hover,还有当天往前时间和当天往后时间更改css,第1张

第一个问题,加上hover貌似没法完美解决,可以加上fc-highlight:hover{background:red;}试试,这个需要不hover日期+内容才有效果。

第二个问题:昨天、明天日期的样式处理,需要结合JS来实现,大致实现如下(核心的思路是通过标签data-date去添加样式)。

yesterday{background:bisque;color:blue;}

tomorrow{background:cadetblue;color:red;}

$(function(){

//获取昨天日期

var day1 = new Date();

day1setTime(day1getTime() - 2460601000);

var month1 = (day1getMonth()+1);

var dy1 = day1getDate();

month1 = month1 < 10 '0'+ month1 : month1;

dy1 = dy1 < 10 '0'+ dy1 : dy1;

var yesterday = day1getFullYear()+"-" + month1 + "-" + dy1;

//获取明天日期

var day2 = new Date();

day2setTime(day2getTime() + 2460601000);

var month2 = (day2getMonth()+1);

var dy2 = day2getDate();

month2 = month2 < 10 '0'+ month2 : month2;

dy2 = dy2 < 10 '0'+ dy2 : dy2;

var tomorrow = day2getFullYear()+"-" + month2 + "-" + dy2;

//添加样式

$('[data-date="'+ yesterday +'"]')addClass('yesterday');

$('[data-date="'+ tomorrow +'"]')addClass('tomorrow');

});

仔细看看官方的API呗。我注意到不是当前月的格子样式也不一样,看看是不是可以利用那个区分的样式将不是当前月的格子的display设置为none;或者将visibility设置为hidden;

做两个数据表格, 一个是执勤码,

执勤码表格内包括了上班时间, 下班时间,午休,加班时。

然后再制作另一个月表,标注每个月从1号到31号,当班组属于哪个执勤码,然后再把个别班组支配给个别员工。

计算考勤时先调出员工的班组,然后再根据日期调出执勤码,然后读取执勤明细。

尊敬的用户,您好!很高兴为您答疑。

据一般使用者反应的问题来看,基于Jquery的fullcalendar插件的json输出数据格式可能存在问题,导致其在火狐、ie等不同内核浏览器下的显示效果存在差异。建议您使用火狐的开发者工具截取其在内存中输出的json数据,然后自己重新编码输出以尝试解决该问题。

希望我的回答对您有所帮助,如有疑问,欢迎继续咨询我们。

以上就是关于急!!!!FullCalendar怎么设置hover,还有当天往前时间和当天往后时间更改css全部的内容,包括:急!!!!FullCalendar怎么设置hover,还有当天往前时间和当天往后时间更改css、FullCalendar日历插件怎么设置只显示当前月的日期、如何开发考勤排班表 fullcalendar等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10157085.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存