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

标签 javascript jquery calendar

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

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>

最佳答案

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

关于javascript - 如何在完整日历插件中添加周列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38241861/

相关文章:

javascript - 谷歌 Adsense 错误 "TagError: adsbygoogle.push() error: No slot size for availableWidth=0 "

jquery - CSS 在动态更改内容时保持 div 的高度

ios - Swift - 从日历中检索所有事件并获取事件的参与者

javascript - JS/CSS : Preload images from the HTML file while they are hidden

用 C 创建日历

java - 公历法

javascript - 使用 bootstrap 验证器逐步验证 jquery-steps 表单

javascript - (CSS) 如何根据浏览器大小将 Div 定位在浏览器右下角附近?

javascript - ReactJS:一个数字输入可以以多个 '0' 结束

javascript - jQuery定期更新: how to check whether content fetched is different from old content fetched