jquery 如何使用FullCalendar设置午餐时间间隔

omtl5h9j  于 2023-06-22  发布在  jQuery
关注(0)|答案(3)|浏览(148)

大家下午好。我使用FullCalendar,想知道你是否喜欢我把午休时间在我的时间表,所以时间可以不得分时间表。
例如:工作时间从08:00到18:00,午餐时间从12:00到13:00。
开始:'08:00'结束:'18:00'

businessHours: [ // specify an array instead
    {
        dow: [ 1, 2, 3 ], // Monday, Tuesday, Wednesday
        start: '08:00' // 8am
        end: '18:00' // 6pm
    }
]
polkgigr

polkgigr1#

像这样把它分成两半怎么样?

businessHours: [ // specify an array instead
    {   // AM
        dow: [ 1, 2, 3 ], // Monday, Tuesday, Wednesday
        start: '08:00', // 8am
        end: '12:00' // 12am
    },
    {   // PM
        dow: [ 1, 2, 3 ], // Monday, Tuesday, Wednesday
        start: '13:00', // 1pm
        end: '18:00' // 6pm
    }
]
jckbn6z7

jckbn6z72#

在我之前的答案对于旧版本仍然是正确的,但是在更高的版本中(我使用的是版本5),他们对使用的措辞进行了更改。

businessHours: [ // specify an array instead
    {   // AM
        daysOfWeek: [ 1, 2, 3 ], // Monday, Tuesday, Wednesday
        startTime: '08:00', // 8am
        endTime: '12:00' // 12am
    },
    {   // PM
        daysOfWeek: [ 1, 2, 3 ], // Monday, Tuesday, Wednesday
        startTime: '13:00', // 1pm
        endTime: '18:00' // 6pm
    }
]
2izufjch

2izufjch3#

我前面的答案都是正确的,但我想再给予你一个,我想这是你会喜欢的。

businessHours: [ // specify an array instead
{   // Here you will put your schedule
    daysOfWeek: [ 1, 2, 3 ], // Monday, Tuesday, Wednesday
    startTime: '08:00', 
    endTime: '18:00' 
},
{   // Here you will put your lunch breaks
    daysOfWeek: [ 1, 2, 3 ], // Monday, Tuesday, Wednesday
    startTime: '12:00',
    endTime: '13:00',
    display: 'background'
}]

这样你就可以在日历上看到你的午休时间。

相关问题