文章/答案/技术大牛

发布

社区首页 >问答首页 >全日历显示列表查看日时隙开始和结束时间，而不是全天。

问全日历显示列表查看日时隙开始和结束时间，而不是全天。
EN

Stack Overflow用户

提问于 2021-02-11 09:48:07

回答 1查看 159关注 0票数 0

我希望在日历中显示两天内特定时间的事件，如

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)

日历列表视图，它用类fc-list-item-time显示时间，默认情况下，它是我搜索解决方案的一整天，但找不到它。我试着遵循不符合我当前要求的脚本。calender初始化事件参数如下所示

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

当我直接使用time和start参数时(就像上面的例子一样)，那么它将显示除最后一天和最后一天以外的所有日子的全天。

我想把它展示得像

fullcalendar-4

javascript

php

fullcalendar

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-02-11 10:45:05

我做到了

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66152262

复制

相似问题

问全日历显示列表查看日时隙开始和结束时间，而不是全天。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问全日历显示列表查看日时隙开始和结束时间，而不是全天。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问全日历显示列表查看日时隙开始和结束时间，而不是全天。
EN