文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在全日历插件中添加周栏目

问如何在全日历插件中添加周栏目
EN

Stack Overflow用户

提问于 2016-07-07 17:24:25

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

我正在尝试在我的项目中使用fullCalendar插件。请看下面的小提琴，

jsfiddle

在这里，日历将从星期天、星期一、星期二、星期三、星期四、星期五和星期六开始。

1)我想在星期天之前再加一个栏目。第一列是week。它应该显示一年中的当前周。(即)如果当前周是27 (7月4日到10日)意味着，它应该在week列中显示27。和所有的星期一样。

2)如何在全日历插件中添加week列。

$(document).ready(function() {

    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();

    var events_array = [
        {
        title: 'Test1',
        start: new Date(2012, 8, 20),
        tip: 'Personal tip 1'},
    {
        title: 'Test2',
        start: new Date(2012, 8, 21),
        tip: 'Personal tip 2'}
    ];

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        selectable: true,
        events: events_array,
        eventRender: function(event, element) {
            element.attr('title', event.tip);
        }
    });
});

<div style="border:solid 2px red;">
        <div id='calendar'></div>
</div>

javascript

jquery

calendar

回答 1

Stack Overflow用户

发布于 2016-07-07 18:23:19

$(document).ready(function() {

    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();

    var events_array = [
        {
        title: 'Test1',
        start: new Date(2012, 8, 20),
        tip: 'Personal tip 1'},
    {
        title: 'Test2',
        start: new Date(2012, 8, 21),
        tip: 'Personal tip 2'}
    ];

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        selectable: true,
        weekNumbers:true,
        events: events_array,
        eventRender: function(event, element) {
            element.attr('title', event.tip);
        }
    });
});

<div style="border:solid 2px red;">
        <div id='calendar'></div>
</div>

票数 2

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

原文链接：

https://stackoverflow.com/questions/38241861

复制

相似问题

问如何在全日历插件中添加周栏目
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在全日历插件中添加周栏目EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在全日历插件中添加周栏目
EN