Несколько индикаторов nowIndicators на fullCalendar

Поскольку документации по индикатору nowIndicator очень мало... есть ли способ отобразить подобный элемент, например, индикатор nowIndicator, на той же странице?

Например... Я хочу показать зеленый, начиная с 01:00, и я хочу показать синий, начиная с 12:00.


javascript jquery fullcalendar fullcalendar-scheduler fullcalendar-2
person Vlad N    schedule 28.02.2018    source источник
comment
Ничего встроенного, AFAIK. Вам нужно будет изучить исходный код/CSS, чтобы увидеть, как создается nowIndicator, и адаптировать его, чтобы иметь возможность размещать индикатор в любом месте и указывать это в параметрах.   -  person ADyson    schedule 28.02.2018
comment
Сказав это, для чего вы на самом деле собираетесь использовать это? то есть, что в реальном мире означает наличие 2 индикаторов? Если вы объясните это, возможно, есть другой способ добиться желаемого результата.   -  person ADyson    schedule 28.02.2018
comment
Я показываю 3 дня по вертикали, используя показанный здесь код - stackoverflow.com/a/48864155/1850286. С этим индикатором у меня может быть индикатор nowIndicator между днями (в 00:00). В противном случае у меня нет возможности показать, когда начинается день и заканчивается другой день, и выделить его каким-либо образом. Кроме того, с помощью 2 индикаторов я мог бы показать ежедневное время начала двух отдельных людей. Человек А начинает работать в 09:00, а человек Б — в 17:00. Это никак не должно повлиять на события и так далее.   -  person Vlad N    schedule 28.02.2018
comment
Когда я увидел ваше решение на этот другой вопрос, я действительно подумал, что его было немного сложно читать с точки зрения знания того, какой день какой. Но да, вам понадобится какой-то собственный код, чтобы сделать это, я думаю, если вы не можете вместо этого использовать фоновые события?   -  person ADyson    schedule 28.02.2018
comment
Я не знаю, это связано с вашим вопросом или нет. проверить рабочие часы   -  person Jainam Shah    schedule 06.03.2018
comment
К сожалению, это не обязательно то, что мне нужно... Я работаю над календарем, в котором 3 дня один над другим, используя код отсюда: stackoverflow.com/questions/48259966/... Мне нужно настроить разделитель между днями (похожий на nowIndicator, но в определенное время/день)   -  person Vlad N    schedule 06.03.2018

Ответы (1)


arrow_upward
4
arrow_downward

Я не уверен, что это лучшее решение, это больше похоже на взлом. Идея состоит в том, чтобы изменить цвет фона на сегодняшнюю строку. Итак, вы выбираете все строки, потому что интервал времени составляет 30 минут, вы получите 96 элементов. (48 в день) первые 24 вам это не нужно, потому что это накануне. Вам понадобится 25-73 элемента, потому что сегодня ряды.

Я написал эту функцию, которая будет вызываться каждый раз dayRender.

function colorToday() {
  var color = '#EEEEEE';
  var fullArray = $('.fc-slats tr .fc-widget-content:nth-child(2)');
  var todayArray = fullArray.slice(24, 72);

  for(var i = 0; i < todayArray.length; i++) {
    var data = $(todayArray[i]);
    $(data).css('background', color);
  }
}

И добавьте это в опции:

dayRender: function (element) {
   colorToday();
}

Это JSFIDDLE Как я уже сказал, я не уверен, что это лучшее решение, но это делает работу. Надежда вам поможет.

person finw3    schedule 09.03.2018
comment
Спасибо... Я надеялся найти решение для отображения индикатора nowIndicator в определенное время/дату, но это работает и для моей проблемы. Мне не приходило в голову просто покрасить сегодняшние слоты в другой цвет. - person Vlad N; 12.03.2018