【问题标题】:Show events in fullcalendar.js shift-wise (Morning, day, evening, night) for basicDay view and basicWeek view在 fullcalendar.js 中按班次(早上、白天、晚上、晚上)显示 basicDay 视图和 basicWeek 视图的事件
【发布时间】:2014-11-06 10:57:25
【问题描述】:

我每天都有很多活动。有没有办法将这些事件分成水平移位类别?我可以添加一个额外的标志(或类即:早上、白天、晚上、晚上)以及“标题:”和“开始:”,以便活动在同一天以各自的水平班次组织?我用过

start: new Date(y,m,d,h,i),
allDay:false

显示同一天的不同事件。

然后我可以使用 eventLimit 在每个班次中限制 5 个事件。 p.s.我只使用 basicDay 和 basicWeek 视图。

【问题讨论】:

    标签: javascript jquery events fullcalendar


    【解决方案1】:

    您可以在您的事件对象中添加“className”参数。以及通过检查事件时间来区分颜色的类。

    喜欢

    var eventClass = '';
    
    if (event.start > night && event.start < day) {
      var eventClass = 'morningClass';
    } else if (event.start > morning &&  event.start <  evening) {
      var eventClass = 'dayClass';
    } else if (event.start > day &&  event.start <  night) {
      var eventClass = 'eveningClass';
    } else if (event.start > evening &&  event.start <  morning) {
      var eventClass = 'nightClass';
    }
    

    然后

    start: new Date(y,m,d,h,i),
    allDay:false,
    className: eventClass
    

    并根据类名计数(使用 clientEvents (method) ),您可以限制每班 5 个事件。

    【讨论】:

    • 我无法再访问代码文件,因此无法尝试您的答案。不过感谢您的帮助,可能对寻找此问题的人有所帮助。
    【解决方案2】:

    据我了解您的要求,您需要使用日历的资源查看功能。 这是关于资源视图的post

    【讨论】:

    • 我无法再访问代码文件,因此无法尝试您的答案。不过感谢您的帮助,可能对寻找此问题的人有所帮助。
    猜你喜欢
    • 2012-04-26
    • 1970-01-01
    • 2015-02-19
    • 2020-12-01
    • 1970-01-01
    • 2022-11-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多