Как я могу изменить цвет фона в fullcalendar - PullRequest
Новая
       12

Как я могу изменить цвет фона в fullcalendar

2 голосов
/ 03 июня 2019

Как изменить цвет фона в полном календаре?

Как изменить цвет фона для доступного времени в businessHours?

Все доступные должны быть зелеными и недоступными(события) должны быть красного цвета. 

$(function() {
  $('#calendar').fullCalendar({
    defaultView: 'agendaWeek',
    eventColor: 'green',
    allDaySlot: false,
    events: [{
      title: 'Teste2',
      start: new Date(2019, 5, 6, 11, 00),
      allDay: false,
      backgroundColor: 'red'
    }],
    businessHours: [ // specify an array instead
      { 
        dow: [ 3,4 ],
        start: '10:00', // 10am
        end: '16:00' // 4pm
      },
      {
        dow: [ 3,4 ], 
        start: '18:00', // 10am
        end: '20:00', // 4p
      }
    ]
  });
});

https://codepen.io/anon/pen/rgPKZm

Как это enter image description here

1 Ответ

1 голос
/ 03 июня 2019

Решение найдено 

    $(function() {

  $('#calendar').fullCalendar({
    defaultView: 'agendaWeek',
    allDaySlot: false,
    selectable: true,
      select: function(startDate, endDate) {
      alert('selected ' + startDate.format() + ' to ' + endDate.format());
    },
    events: [
{
  title: 'Teste2',
  start: new Date(2019, 5, 6, 11, 00),
  allDay: false,
  backgroundColor: 'red'
},
    {
    dow: [ 3,4 ],
    start: '10:00', // 10am
    end: '16:00' ,// 4pm
    rendering: 'background'
  },  {
    dow: [ 3,4 ], 
    start: '18:00', // 10am
    end: '20:00', // 4pm
     rendering: 'background'
  }],
    businessHours: [ // specify an array instead
  {
    dow: [ 3,4 ],
    start: '10:00', // 10am
    end: '16:00' // 4pm
  },
       {
    dow: [ 3,4 ], 
    start: '18:00', // 10am
    end: '20:00', // 4pm
  }
]
  });

});

https://codepen.io/anon/pen/byzmzN

Использую фоновые события

...