Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用完整日历删除时间轴日历上的时间_Javascript_Jquery_Calendar_Fullcalendar - Fatal编程技术网

Javascript 如何使用完整日历删除时间轴日历上的时间

Javascript 如何使用完整日历删除时间轴日历上的时间,javascript,jquery,calendar,fullcalendar,Javascript,Jquery,Calendar,Fullcalendar,我用完整的日历制作了一个7天的日程表。但我只需要日期,而不是时间。我不需要时间。我只想要12/18 12/19 12/20等日期。 这是我的密码: $(function() { // document ready $('#calendar').fullCalendar({ now: '2017-12-07', editable: false, // enable draggable events aspectRatio: 1.9, scrollTime: '00:00', //

我用完整的日历制作了一个7天的日程表。但我只需要日期,而不是时间。我不需要时间。我只想要12/18 12/19 12/20等日期。 这是我的密码:

$(function() { // document ready

$('#calendar').fullCalendar({
  now: '2017-12-07',
  editable: false, // enable draggable events
  aspectRatio: 1.9,
  scrollTime: '00:00', // undo default 6am scrollTime
  header: {
    left: 'prev,next',
    center: 'title',
    right: 'timelineThreeDays'
  },
  defaultView: 'timelineThreeDays',
  views: {
    timelineThreeDays: {
      type: 'timeline',
      duration: { days: 7 }
    }
  },
  resourceLabelText: 'Inventory',
  resources: [
    { id: 'a', title: 'Auditorium A' },
    { id: 'b', title: 'Auditorium B', eventColor: 'green' },
    { id: 'c', title: 'Auditorium C', eventColor: 'orange' },
    { id: 'd', title: 'Auditorium D', children: [
      //{ id: 'd1', title: 'Room D1' },
      //{ id: 'd2', title: 'Room D2' }
    ] },
    { id: 'e', title: 'Auditorium E' },
    { id: 'f', title: 'Auditorium F', eventColor: 'red' },
    { id: 'g', title: 'Auditorium G' },
    { id: 'h', title: 'Auditorium H' },
    { id: 'i', title: 'Auditorium I' },
    { id: 'j', title: 'Auditorium J' },
    { id: 'k', title: 'Auditorium K' },
    { id: 'l', title: 'Auditorium L' },
    { id: 'm', title: 'Auditorium M' },
    { id: 'n', title: 'Auditorium N' },
    { id: 'o', title: 'Auditorium O' },
    { id: 'p', title: 'Auditorium P' },
    { id: 'q', title: 'Auditorium Q' },
    { id: 'r', title: 'Auditorium R' },
    { id: 's', title: 'Auditorium S' },
    { id: 't', title: 'Auditorium T' },
    { id: 'u', title: 'Auditorium U' },
    { id: 'v', title: 'Auditorium V' },
    { id: 'w', title: 'Auditorium W' },
    { id: 'x', title: 'Auditorium X' },
    { id: 'y', title: 'Auditorium Y' },
    { id: 'z', title: 'Auditorium Z' }
  ],
  events: [
    //{ id: '1', resourceId: 'b', start: '2017-12-07T02:00:00', end: '2017-12-07T07:00:00', title: 'event 1' },
    //{ id: '2', resourceId: 'c', start: '2017-12-07T05:00:00', end: '2017-12-07T22:00:00', title: 'event 2' },
    { id: '3', resourceId: 'b', start: '2017-12-07', end: '2017-12-12', title: 'Hold' },
    { id: '4', resourceId: 'd', start: '2017-12-07', end: '2017-12-10', title: 'Available' },
    //{ id: '4', resourceId: 'e', start: '2017-12-07T03:00:00', end: '2017-12-07T08:00:00', title: 'event 4' },
    //{ id: '5', resourceId: 'f', start: '2017-12-07T00:30:00', end: '2017-12-07T02:30:00', title: 'event 5' }
  ]
});
}))


如果我离开了,我就没有运气了。有人知道如何做到这一点吗?

我想你的意思是,你希望时间线上显示的时间间隔是整天,而不是几小时或几分钟的更短时间间隔

为此,根据文档,您必须设置“slotDuration”选项:

获取显示的24小时(1天)间隔


请参阅演示。

我想您的意思是希望时间线上显示的时间间隔为整天,而不是几小时或几分钟的更短时间间隔

为此,根据文档,您必须设置“slotDuration”选项:

获取显示的24小时(1天)间隔


请参见演示。

是,非常好。我需要这个“慢时间”。多谢各位@ADyson@ADyan,如何在V5中执行相同的操作?我试过了,但没用。谢谢,是的,太好了。我需要这个“慢时间”。多谢各位@ADyson@ADyan,如何在V5中执行相同的操作?我试过了,但没用。非常感谢。
slotDuration: '24:00'