在议程周+完整日历的一个单元格上的悬停效果

2023-11-29前端开发问题
9

本文介绍了在议程周+完整日历的一个单元格上的悬停效果的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

您好,我正在使用 Adam Shaw 的 FullCalendar (.

此问题源于 2009 年 10 月,因此我们似乎不应该抱有太大希望,但一些用户提出了不同的解决方法.其中之一在我的代码中成功运行,因此值得一试.

Hi I am using FullCalendar by Adam Shaw (http://arshaw.com/fullcalendar/). I am using a month and agendaWeek view. I want to put in an hover effect when the user is hovering over a date in month view or a timeslot in agendaWeek view. I tried to change the css as follows:

.fc-widget-content:hover {
        background-color: red;
    }

This works for month view. File attached

However, the same code selects the whole line in the agendaWeek view when I just need one timeslot to be highlighted.

Example picture below shows the whole 1:00pm slot higlighted for everyday instead of just the timeslot in Wed 02-01 where the mousecursor was.

Any ideas how to achieve this.

Many thanks.

解决方案

You're not alone: many users of FullCalendar would like to see highlighting of individual time slots supported out of the box. There's an issue for this on Google Code.

The issue stems from October 2009, so it seems we shouldn't get our hopes up, but several users have suggested different workarounds. One of these is working successfully in my code, so it might be worth to check out.

这篇关于在议程周+完整日历的一个单元格上的悬停效果的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

The End

相关推荐

layui 单选框、复选框、下拉菜单不显示问题如何解决?
1. 如果是ajax嵌套了 页面, 请确保 只有最外层的页面引入了layui.css 和 layui.js ,内层页面 切记不要再次引入 2. 具体代码如下 layui.use(['form', 'upload'], function(){ var form = layui.form; form.render(); // 加入这一句});...
2024-11-09 前端开发问题
313

layui要如何改变时间日历布局大小?
问题描述 我想改变layui时间日历布局大小,这个要怎么操作呢? 解决办法 可以用css样式对时间日历进行重新布局,具体代码如下: !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlelink rel="stylesheet" href="../../layui/css/layui.css" /style#test-...
2024-10-24 前端开发问题
271

layui中表单会自动刷新的问题
layui中表单会自动刷新的问题,因为用到layui的表单,遇到了刷新的问题所以记录一下: script layui.use(['jquery','form','layer'], function(){ var $ = layui.jquery, layer=layui.layer, form = layui.form; form.on('submit(tijiao)', function(data){ a...
2024-10-23 前端开发问题
262

jQuery怎么动态向页面添加代码?
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。 语法: $(selector).append( content ) var creatPrintList = function(data){ var innerHtml = ""; for(var i =0;i data.length;i++){ innerHtml +="li class='contentLi'"; innerHtml +="a href...
2024-10-18 前端开发问题
125

ExecJS::ProgramError: SyntaxError: 保留字“function"
ExecJS::ProgramError: SyntaxError: Reserved word quot;functionquot;(ExecJS::ProgramError: SyntaxError: 保留字“function)...
2024-04-20 前端开发问题
13

无限滚动和 will_paginate 多次附加项目的“下一页"
Infinite scroll and will_paginate appending the #39;next page#39; of items multiple times(无限滚动和 will_paginate 多次附加项目的“下一页)...
2024-04-20 前端开发问题
8