Как ограничить событие, перетащив его в FullCalendar v3 только на весь день? - PullRequest
Новая
       27

Как ограничить событие, перетащив его в FullCalendar v3 только на весь день?

0 голосов
/ 01 июля 2019

Я хочу отключить Перетаскивание событий «Весь день» здесь, под сеткой Времени.

Мне нужно заблокировать Перетаскивание событий на весь день в представлении Timegrid под этим разделом.Чтобы события на весь день всегда можно было сбрасывать в разделе «Весь день», а события на основе времени можно перетаскивать и сбрасывать в разделе сетки времени.

Можно ли это сделать с помощью FullCalendar JS?

sampleкод выглядит следующим образом:

Codepen

HTML: 

<div id='calendar'></div>

CSS: 

#calendar {
  max-width: 900px;
  margin: 40px auto;
}

JS: 

$(function() {
  $('#calendar').fullCalendar({
    defaultView: 'agendaWeek',
    editable: true,
    eventDurationEditable: false,
    eventLimit: true,
    nowIndicator: true, 
    now: '2019-06-09T09:25:00',
    events: [
        {
          title: 'All Day Event',
          start: '2019-06-01',
        },
        {
          title: 'Long Event',
          start: '2019-06-07',
          end: '2019-06-10'
        },
        {
          groupId: 999,
          title: 'Repeating Event',
          start: '2019-06-09T16:00:00'
        },
        {
          groupId: 999,
          title: 'Repeating Event',
          start: '2019-06-16T16:00:00'
        },
        {
          title: 'Conference',
          start: '2019-06-11',
          end: '2019-06-13'
        },
        {
          title: 'Meeting',
          start: '2019-06-12T10:30:00',
          end: '2019-06-12T12:30:00'
        },
        {
          title: 'Lunch',
          start: '2019-06-12T12:00:00'
        },
        {
          title: 'Meeting',
          start: '2019-06-12T14:30:00'
        },
        {
          title: 'Happy Hour',
          start: '2019-06-12T17:30:00'
        },
        {
          title: 'Dinner',
          start: '2019-06-12T20:00:00'
        },
        {
          title: 'Birthday Party',
          start: '2019-06-13T07:00:00'
        },
        {
          title: 'Click for Google',
          url: 'http://google.com/',
          start: '2019-06-28'
        }
      ]
  });
});
...