全日历显示列表视图日段开始和结束时间而不是全天

Question

我想在日历中显示两天之间特定时间的事件，例如

ABC: 2/11/2020 - 2/15/2020 (for time 02:00:00 to 03:00:00)
DEF: 2/11/2020 - 2/15/2020 (for time 02:00:00 to 05:00:00)
EFG: 2/12/2020 - 2/17/2020 (for time 02:00:00 to 03:00:00)

日历列表视图显示时间 class fc-list-item-time 默认情况下是全天我搜索解决方案但找不到.我尝试了以下不符合我当前要求的脚本。日历初始化事件参数看起来像

events: [
   // ---------------- php loop over this for above entires ---------------
  {
   title: 'abc',
   start: '2020-2-11 02:00:00',   
   description: 'Reservation By Dummy',
   end: '2020-02-15 03:00:00',  
// ------------------- these also doesnt give me desired result -------------------
//   setStart:"",
//   minTime:"",
// recurstart:"",
// recurend:"",
// ranges:[{start:"02:00:00", end:"03:00:00"}],
//  ----------------------------------------------------------------------------
   className: "fc-event-success"
   },
        // ---------------- php loop over this for above entires ---------------
                    ],

当我直接将时间与开始参数一起使用并结束一个 （就像上面的示例） 然后它显示全天对于除最后一天以外的所有日子，最后一天显示结束时间。

我希望它显示得像

Answer 1

我做到了

    events: [
   // ---------------- php loop over this for above entires ---------------
  {
   title: 'abc',
   start: '2020-2-11',   
   description: 'Reservation By Dummy',
   end: '2020-02-15',  
   mycustomparameter1: '02:00:00',
   mycustomparameter2: '03:00:00',
   className: "fc-event-success"
   },
        // ---------------- php loop over this for above entires ---------------
                    ],

我借助 eventRender 函数

解决

eventRender: function (info) {
var element = $(info.el);
 if (info.event.extendedProps) {
   if (element.find('.fc-list-item-time').lenght !== 0) {
       element.find('.fc-list-item-time').html(info.event.extendedProps.mycustomparameter1+'-'+info.event.extendedProps.mycustomparameter2); 
                        
   }
 }

全日历显示列表视图日段开始和结束时间而不是全天

Full Calender display listview day-slot start and end time instead of all-day

javascript

php

fullcalendar

fullcalendar-4