Fullcalendar Now () Индикатор неправильно расположен

Question

В Fullcalendar при настройке параметров

mintime

и

maxtime

Индикаторы Now () расположены неправильно.

У меня есть JSFiddle , чтобы показать проблему.В этой скрипке я бы ожидал индикатор на текущую дату и время, однако он расположен в верхней части столбца «вчера»

Ниже приведен код, используемый в скрипте

HTML

<div id="calendar"></div>

Javascript

$('#calendar').fullCalendar({
    defaultView: 'agendaWeek',
    height: 600,
    nowIndicator: 'true',
    minTime: "20:00:00", // this makes the calendar start at 8PM
    maxTime: "44:00:00", // this makes the calender end 24 hours later at 8PM ( (8PM => 20) + 24 = 44)
    schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives'
})

Удаление

minTime

*Параметры 1036 * и

maxTime

правильно позиционируют индикатор Now, как показано здесь https://jsfiddle.net/8jndrp7m/2/

Как установить индикатор Nowправильно при использовании minTime и maxTime?Или это ошибка?

Answer 1

я вижу несколько проблем:

1. теперь индикатор не нуждается в кавычках, измените 'true' на true,
2. Если вы хотите продлить максимальное время после полуночиВы можете просто поставить 1. перед временем, чтобы установить время на следующий день. Поэтому 8 утра следующего дня будет maxTime: '1.08:00:00'
3. Если вы начнете календарь в 8 вечераи это еще не 8 вечера (по крайней мере, в моем часовом поясе) индикатор теперь не будет отображаться правильно

Answer 2

Проблема выглядит так, что вы установили maxTime на следующий день, поэтому он не работает

Если вы хотите указать дату, чтобы установить max, используйте validRange, чтобы установить минимальную и максимальную дату

$('#calendar').fullCalendar({
        defaultView: 'agendaWeek', //agendaWeek
        validRange: {
          start: '2017-05-01',
          end: '2017-06-01'
        },
        locale: 'nl',
        timezone: 'local',
        themeSystem: 'bootstrap3',
        height: 600,
        slotDuration: '00:10:00',
        nowIndicator: 'true',
       minTime: "17:00:00", // this makes the calendar start at 8PM
       maxTime: "20:00:00", // this makes the calender end 24 hours later at 8PM ( (8PM => 20) + 24 = 44) 
        schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
        editable: true, // enable draggable events
        droppable: true, // this allows things to be dropped onto the calendar
    })