简体   繁体   English

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

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

I want to display events in calender between two days for specific time like我想在两天之间的日历中显示特定时间的事件,例如

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)

The calendar list view it display time with class fc-list-item-time which by default is all-day i search for solution but cant find it.日历列表视图使用 class fc-list-item-time显示时间,默认情况下是全天我搜索解决方案但找不到它。 i tried following script which doesnt meet my current requirment.我尝试了以下不符合我当前要求的脚本。 the calender initialization event parameter looks like日历初始化事件参数看起来像

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 ---------------
                    ],

When i use time also with the start parameter directly and end one (just like example above) then it display all-day for all days except last day and on last day it show the end time.当我也直接将时间与开始参数一起使用并结束一个(就像上面的示例一样)时,它会显示除最后一天以外的所有日期的全天,并在最后一天显示结束时间。

在此处输入图像描述

i want it to be displayed like我希望它显示为

在此处输入图像描述

I did it我做的

    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 ---------------
                    ],

i solve with help of eventRender function我在eventRender function 的帮助下解决

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); 
                        
   }
 }

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM