jQuery 周日历插件

发布于 2024-08-18 14:36:31 字数 253 浏览 2 评论 0原文

我在网上搜索过,但一无所获。也许这里有人可能使用了谷歌无法给我的东西。

我想使用周历。我正在使用这个并且有很多困难。一种是当我的日期和时间相同时,它们彼此重叠,并且只能单击顶部的那个。我曾尝试破解代码,但感觉就像永远一样。

您可以推荐任何 jQuery 周历吗?

I have search the net and found nothing. Maybe someone here might have used something that google can't give me.

I wanted to use a week calendar. I am using this and have many difficulty in it. One is when my date and time are the same, they overlap in one another and only the one at the top can be clicked. I have tried to hack the codes but it feels like forever.

Any jQuery week calendar you can suggest?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

安穩 2024-08-25 14:36:31

查看此列表Datepicker 有很好的经验。其中许多可以定制为“周视图”

Look at this list of jQuery-based calendars. I had good experience with Datepicker which is highly customizable. Many of these can be customized to "week-view"

素罗衫 2024-08-25 14:36:31
$('#calendar').weekCalendar({
    timeslotsPerHour: 6, 
    // START SPLIT COLUMN
    allowCalEventOverlap: true, // Enable conflicting events
    overlapEventsSeparate: true, // Separate conflicting events
    // END SPLIT COLUMN
    daysToShow: 6, // Number of days to show initially
    switchDisplay: { '1 day': 1,  '3 next days': 3, 'work week': 5, 'full week': 6}, // Selector for number of days to be shown
    firstDayOfWeek : 1, // Sets the beginning of the week as Monday
    businessHours :{start: 7, end: 23, limitDisplay: true}, // Limits the time shown
    data: {
    events: eventData
    }
});

标记为“拆分列”的部分启用拆分列并显示两个冲突事件。

$('#calendar').weekCalendar({
    timeslotsPerHour: 6, 
    // START SPLIT COLUMN
    allowCalEventOverlap: true, // Enable conflicting events
    overlapEventsSeparate: true, // Separate conflicting events
    // END SPLIT COLUMN
    daysToShow: 6, // Number of days to show initially
    switchDisplay: { '1 day': 1,  '3 next days': 3, 'work week': 5, 'full week': 6}, // Selector for number of days to be shown
    firstDayOfWeek : 1, // Sets the beginning of the week as Monday
    businessHours :{start: 7, end: 23, limitDisplay: true}, // Limits the time shown
    data: {
    events: eventData
    }
});

The section marked as "split column" enables the split column and shows both conflicting events.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文