首页 文章

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

提问于
浏览 次
1

我想在我的项目中使用fullCalendar插件 . 请看下面的小提琴，

jsfiddle

在这里，日历将从sun，mon，tue，wed，thur，fri和sat开始 .

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>
javascript jquery calendar

1 回答

  • 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,
        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>
    回复于

相关问题