如何在完整的日历插件中添加周列

时间:2016-07-07 09:24:25

标签: javascript jquery calendar

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

jsfiddle

在这里,日历将从太阳,周一,周二,周三,周四,周五和周围开始。

1)我想在星期日之前再添加一列。第一列是星期。它应该显示一年中的当前周。 (即)如果当前周是27(7月4日到10日),则应显示星期列中的27。与所有周相同。

2)如何在完整日历插件中添加周列。

$(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>

1 个答案:

答案 0 :(得分:2)

&#13;
&#13;
$(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);
        }
    });
});
&#13;
<div style="border:solid 2px red;">
        <div id='calendar'></div>
</div>
&#13;
&#13;
&#13;