Fullcalendar计划程序/时间线今天未突出显示？_Fullcalendar_Scheduler

Fullcalendar计划程序/时间线今天未突出显示？

fullcalendar

Fullcalendar计划程序/时间线今天未突出显示？,fullcalendar,scheduler,Fullcalendar,Scheduler,我使用最新的Fullcalendar Scheduler（测试版）组件。我想强调的是实际的今天和/或时间，但事实并非如此我看到“普通”的完整日历带有此功能。但不知何故，调度程序没有。我检查了DOM中的元素，并且特定的单元格/列没有fc highlight类我做错什么了吗？是否可以轻松添加此功能这是我的密码： <!DOCTYPE html> <html> <head> <meta charset='utf-8' /> <

我使用最新的Fullcalendar Scheduler（测试版）组件。我想强调的是实际的今天和/或时间，但事实并非如此

我看到“普通”的完整日历带有此功能。但不知何故，调度程序没有。我检查了DOM中的元素，并且特定的单元格/列没有fc highlight类

我做错什么了吗？是否可以轻松添加此功能

这是我的密码：

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8' />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>

    <link type='text/css' rel='stylesheet' href='../lib/fullcalendar.css' />
    <link type='text/css' rel='stylesheet' href='../lib/fullcalendar.print.css' media='print' />
    <link type='text/css' rel='stylesheet' href='../scheduler.min.css' />
    <link type='text/css' rel='stylesheet' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css'>
    <link type='text/css' rel='stylesheet' href='jquery.qtip.min.css' />        

    <link type='text/css' rel='stylesheet' href='pumper.css' />

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>
    <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js'></script>

    <script src='../lib/moment.min.js'></script>        
    <script src='../lib/fullcalendar.min.js'></script>
    <script src='../scheduler.js'></script>
    <script src='jquery.qtip.min.js'></script>

    <script>
        $(document).ready(function() {
            var dialog, form,
            compo = $( "#compo" ),
            ltg = $( "#ltg" ),
            tank = $( "#tank" );

            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();
            var calendar = $('#calendar').fullCalendar({

                editable: true,
                eventOverlap: false,

                //aspectRatio: 2.0,
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'timelineMonth2'},
                defaultView: 'timelineMonth2',
                views: {                
                    timelineMonth2: {
                        type: 'timeline',
                        slotLabelInterval: '24:00:00',
                        duration: { days: 5 },
                        slotDuration: '24:00:00',
                        buttonText: 'Monat'//,
                        //intervalStart: '1'
                    }
                },
                resourceLabelText: 'Movement',
                resourceAreaWidth: '130px',
                slotWidth: '10px',
                resources: {
                    url: 'streams.php',
                    type: 'POST'
                },
                events: "lots.php",

                eventRender: function(event, element, view) {
                },
                selectable: true,
                selectHelper: true,
                select: function(start, end, allDay, view1, resObj) {                   
                },
                editable: true,
                eventDrop: function(event, delta) {
                },
                eventResize: function(event) {
                }
            });
        });
    </script>

    <style>
    </style>
</head>
<body>
    <p>PumperLog</p>
    <div id='calendar'></div>       
</body>

这很有效，给了我一个“日”网格。今天是重点

但我想要一个更精确的网格，并突出显示小时数。。。即使是10分钟的时段。。因此，如果我这样做：

views: {                
    timelineMonth2: {
    type: 'timeline',
    slotLabelInterval: '01:00:00',
    duration: { days: 5 },
    slotDuration: '01:00:00',
    buttonText: 'Monat'//,
    //intervalStart: '1'
}

它不再工作了。包含实际小时数的列不会突出显示。

对此，我能做些什么吗？

我没有尝试突出显示确切的时间，但以下是您需要在scheduler.js中修改的内容，以便它今天开始在时间线视图中突出显示：

TimelineGrid.prototype.slatCellHtml = function(date, isEm) {
var classes;
if (this.isTimeScale) {
  classes = [];
  classes.push(isInt(divideRangeByDuration(this.start, date, this.labelInterval)) ? 'fc-major' : 'fc-minor');
} else {
  classes = this.getDayClasses(date);
  classes.push('fc-day');

替换

classes = [];

为此：

classes = this.getDayClasses(date);

我没有尝试突出显示确切的小时数，但以下是您需要在scheduler.js中修改的内容，以便它今天开始在时间线视图中突出显示：

TimelineGrid.prototype.slatCellHtml = function(date, isEm) {
var classes;
if (this.isTimeScale) {
  classes = [];
  classes.push(isInt(divideRangeByDuration(this.start, date, this.labelInterval)) ? 'fc-major' : 'fc-minor');
} else {
  classes = this.getDayClasses(date);
  classes.push('fc-day');

替换

classes = [];

为此：

classes = this.getDayClasses(date);

你能展示你到目前为止已经尝试过的吗？你能展示你到目前为止已经尝试过的吗？