как настроить выходные дни с разными датами и с разными часами в полном календаре - PullRequest
0 голосов
/ 05 сентября 2018

Я хочу показать календарь в виде месяца с мудрой строкой, например: сегодняшняя дата 2018-сент-05 , которую я хотел бы показать в календаре.

2018-9-05,
2018-9-12,
2018-9-19
2018-9-26,

Как я делал в режиме просмотра недели jsfidddle в этом порядке,
Я хочу сделать то же самое, что и просмотр дня недели jsfidddle2 , но здесь возникает моя проблема с dow, здесь Доу 3 означает среду, Я хочу показать 5,12,19,26 дат с одинаковыми dow и разными временами .
Все, что я хочу ниже указанного времени, должно помещаться в календаре

sep05 07am - 09pm, 
sep12 08am - 14pm,
sep19 10am - 13pm,


Есть ли у них какой-либо способ сделать это или любой хитрый способ.

     var hiddenDaysObj = [0, 1, 2, 3, 4, 5, 6];
        hiddenDaysObj.splice(selDate.getDay(), 1);
  const calObj = {
          defaultView: 'settimana',
          defaultDate: this.cldDate,
          editable: true,
          selectable: true,
          eventLimit: true,
          allDaySlot: false,
          minTime: '07:00',
          maxTime: '22:00',
          slotDuration: '00:10:00',
          slotLabelInterval: '00:15:00',
          weekends: true,
          header: {
            left: '',
            center: '',
            right: '',
          },
          slotLabelFormat: [
            'h(:mm) a'
          ],
          viewRender: function (view, element) {
            const s = '<div class="appnt-pro-name"><h6>TIME</h6> </div>';
            element.find('.fc-axis:eq(1)').html(s);
          },

          views: {
            settimana: {
              type: 'agendaWeek',
              duration: {
                months: 1
              },
              title: 'agendaWeek',
              groupByResource: true,
              columnFormat: 'ddd M/D',
            },
          },
          resources: resources,
          events: events,
          select: select,
       hiddenDays: hiddenDaysObj,
          schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source'

1 Ответ

0 голосов
/ 12 сентября 2018

Наконец-то я покончил с этим https://fullcalendar.io/docs/background-events Я указал дату и время в событиях. Я получил по моему сценарию и спасибо @ ADyson
вот пример finalresult jsfiddle

events.push({id:1,
color:"gray",
start:"2018-09-05T10:00",
end:"2018-09-05T19:00",
rendering:"inverse-background",
},{
id:1,
color:"gray",
start:"2018-09-12T08:00",
end:"2018-09-12T13:00",
rendering:"inverse-background",
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...