Javascript 如何使用slotduration和slotLabelInterval中的自定义设置在Fullcalendar中突出显示周末 我有选项 StultSimult和 StLabelelStult定制,因为我需要在一天中显示事件。但是当我设置这些选项时,Fullcalendar不会在周末增加fc sat和fc sun课程。我怎样才能突出它们呢 firstDay: 1, slotWidth: 22, slotDuration: '12:00', slotLabelInterval: '24:00', slotLabelFormat: [{ weekday: 'short', day: 'numeric' }],

Javascript 如何使用slotduration和slotLabelInterval中的自定义设置在Fullcalendar中突出显示周末 我有选项 StultSimult和 StLabelelStult定制,因为我需要在一天中显示事件。但是当我设置这些选项时,Fullcalendar不会在周末增加fc sat和fc sun课程。我怎样才能突出它们呢 firstDay: 1, slotWidth: 22, slotDuration: '12:00', slotLabelInterval: '24:00', slotLabelFormat: [{ weekday: 'short', day: 'numeric' }],,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,我找到了一个肮脏的变通解决方案,但它确实有效。其思想是通过标题中的日期名称选择span.fc单元格文本(示例中使用捷克日期名称),然后通过其父级th.fc小部件标题获取其日期的日期值,然后仅添加一个类来突出显示该日期的整个列。因为一天之间的间隔为12小时,所以需要用T00:00:00和T12:00:00时间突出显示日期 $('span.fc-cell-text:contains("so "), span.fc-cell-text:contains("ne ")').each(function()

我找到了一个肮脏的变通解决方案,但它确实有效。其思想是通过标题中的日期名称选择
span.fc单元格文本
(示例中使用捷克日期名称),然后通过其父级
th.fc小部件标题
获取其日期的日期值,然后仅添加一个类来突出显示该日期的整个列。因为一天之间的间隔为12小时,所以需要用
T00:00:00
T12:00:00
时间突出显示日期

$('span.fc-cell-text:contains("so "), span.fc-cell-text:contains("ne ")').each(function() {
    var date = $(this).parents('.fc-widget-header').data('date');
    $('td[data-date="' + date + '"], td[data-date="' + date.replace('T00:00:00', 'T12:00:00') + '"]').addClass('fc-sat');
 });

我脑海中的另一个解决方案是在周末通过服务器端脚本找到,但这更容易实现,也更快速。

假设您使用的是fullCalendar 4,我无法重现。演示:。这些类仍然存在于timeGridWeek视图中。您可以制作一个演示来展示这个问题吗?很难诊断或修复它。这里是一个带有所有设置的实时演示-。不幸的是,没有
fc sat
fc sun
类。如果最初知道您在谈论时间线视图,可能会有所帮助……而且您的演示也无法工作,因为您没有包含必要的CSS。我帮你修好了:。无论如何,我怀疑这是故意的,因为你有不到一天的插槽长度。我认为除了向fullCalendar的维护人员提出一个功能请求之外,您没有什么可以做的-请参阅