Saya bercadang untuk menggunakan dua tempoh berbeza dalam kalendar yang sama.Satu-satunya cara yang saya temui setakat ini ialah melakukannya dalam dua kalendar berbeza, seperti ini:

$(".btn-show").klik(fungsi(e) { e.preventDefault(); el = $(this).data('elemen'); $(el).tunjukkan(); $("bahagian > div").not(el).hide(); }); $(document).on('click', '.dad-visita', function(){ if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { initialViews = 'timeGridWeek'; }lain{ initialViews = 'timeGridWeek'; } var calendarEl = document.getElementById('calendario'); var today = moment().hari(); var calendar = new FullCalendar.Calendar(calendarEl, { headerToolbar: { kiri: 'sebelumnya, hari ini seterusnya', pusat: 'tajuk', kanan: 'dayGridMonth, timeGridWeek, timeGridDay' }, tempat: "pt-br", butangTeks:{ hari ini: 'Hoje', senarai: 'Lista' }, navLinks: benar, hari pertama: hari ini, hiddenDays: [ 0 ], initialViews: initialViews, boleh disunting: benar, boleh dipilih: benar, nyahpilihAuto:benar, pertindihan acara: palsu, Warna acara: '#f16621', slotDuration: '00:45', allDaySlot : palsu, eventStartEditable: palsu, eventDurationEditable:false, longPressDelay: 0, nowIndicator: "benar", slotMinMasa: '10:30', slotMaxTime: '12:00', contentHeight: 'auto', }); calendar.render(); }); $(document).on('click', '.dad-visita', function(){ if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { initialViews = 'timeGridWeek'; }lain{ initialViews = 'timeGridWeek'; } var calendarEl = document.getElementById('calendario1'); var today = moment().hari(); var calendar = new FullCalendar.Calendar(calendarEl, { headerToolbar: { kiri: 'sebelumnya, hari ini seterusnya', pusat: 'tajuk', kanan: 'dayGridMonth, timeGridWeek, timeGridDay' }, tempat: "pt-br", butangTeks:{ hari ini: 'Hoje', senarai: 'Lista' }, navLinks: benar, hari pertama: hari ini, hiddenDays: [ 0 ], initialViews: initialViews, boleh disunting: benar, boleh dipilih: benar, nyahpilihAuto:benar, pertindihan acara: palsu, Warna acara: '#f16621', slotDuration: '00:45', allDaySlot : palsu, eventStartEditable: palsu, eventDurationEditable:false, longPressDelay: 0, nowIndicator: "benar", slotMinMasa: '14:30', slotMaxTime: '19:00', contentHeight: 'auto', }); calendar.render(); });

       Lawatan Perunding   
 
 
 
 

Tetapi kemudian saya perlu mempunyai dua kalendar, yang bukan cara yang betul. Sebab saya perlu melakukan ini ialah saya memerlukan slotDuration menjadi 45 minit dan pada waktu pagi ia akan mengandaikan masa acara dengan betul.

Tetapi aktiviti petang bermula dari 14:30, dan dengan slotDuration ini, jika anda menetapkan slotMinTime kepada 10:30 dan slotMaxTime kepada 19:00, kalendar untuk aktiviti petang akan bermula dari 14:15, seperti Contoh ditunjukkan :

$(".btn-show").klik(fungsi(e) { e.preventDefault(); el = $(this).data('elemen'); $(el).tunjukkan(); $("bahagian > div").not(el).hide(); }); $(document).on('click', '.dad-visita', function(){ if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { initialViews = 'timeGridWeek'; }lain{ initialViews = 'timeGridWeek'; } var calendarEl = document.getElementById('calendario'); var today = moment().hari(); var calendar = new FullCalendar.Calendar(calendarEl, { headerToolbar: { kiri: 'sebelumnya, hari ini seterusnya', pusat: 'tajuk', kanan: 'dayGridMonth, timeGridWeek, timeGridDay' }, tempat: "pt-br", butangTeks:{ hari ini: 'Hoje', senarai: 'Lista' }, navLinks: benar, hari pertama: hari ini, hiddenDays: [ 0 ], initialViews: initialViews, boleh disunting: benar, boleh dipilih: benar, nyahpilihAuto:benar, pertindihan acara: palsu, Warna acara: '#f16621', slotDuration: '00:45', allDaySlot : palsu, eventStartEditable: palsu, eventDurationEditable:false, longPressDelay: 0, nowIndicator: "benar", slotMinMasa: '10:30', slotMaxTime: '19:00', contentHeight: 'auto', }); calendar.render(); });

       Lawatan Perunding   
 
 
 
 

Apabila bermula pada 14:15, ia cepat mengembalikan masa yang saya inginkan untuk semua acara petang yang berbeza.

Saya masih tidak dapat mencari penyelesaian untuk masalah ini.

带有 pilih Benarkan 的代码：

$(".btn-show").klik(fungsi(e) { e.preventDefault(); el = $(this).data('elemen'); $(el).tunjukkan(); $("bahagian > div").not(el).hide(); }); $(document).on('click', '.dad-visita', function(){ if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { initialViews = 'timeGridWeek'; }lain{ initialViews = 'timeGridWeek'; } var calendarEl = document.getElementById('calendario'); var today = moment().hari(); var calendar = new FullCalendar.Calendar(calendarEl, { headerToolbar: { kiri: 'sebelumnya, hari ini seterusnya', pusat: 'tajuk', kanan: 'dayGridMonth, timeGridWeek, timeGridDay' }, tempat: "pt-br", butangTeks:{ hari ini: 'Hoje', senarai: 'Lista' }, navLinks: benar, hari pertama: hari ini, hiddenDays: [ 0 ], initialViews: initialViews, boleh disunting: benar, boleh dipilih: benar, nyahpilihAuto:benar, pertindihan acara: palsu, Warna acara: '#f16621', slotDuration: '00:15', allDaySlot : palsu, eventStartEditable: palsu, eventDurationEditable:false, longPressDelay: 0, nowIndicator: "benar", slotMinMasa: '10:30', slotMaxTime: '19:00', contentHeight: 'auto', pilih: fungsi(mula, tamat) { var start1 = moment((start.startStr)).format('HH:mm:ss'); jika(mula1 == '14:15:00'){ $('#ModalAddVisit #start').val(moment((start.startStr)).format('YYYY-MM-DD' + " " + '14:30:00')); $('#ModalAddVisit #end').val(moment((start.startStr)).format('YYYY-MM-DD' + " " + '15:15:00')); $("#ModalAddVisit").modal("show"); } }, }); calendar.render(); }); 
          Lawatan Perunding   
 
 
  
 
 
 
 
NOVA VISITA
  
 
 
 
 
  DATA/HORA INICIAL *  
 
  DATA/HORA FINAL *  
 
 
 Fechar Gravar