jquery - 在 jQuery FullCalendar 中显示 2 周

标签 jquery fullcalendar

一直在寻找一种在 FullCalendar 的月 View 中仅显示当前周和下周的方法。 。到目前为止,它似乎被建议作为即将推出的版本的一项功能,但与此同时,有人能够破解它吗?

更新

感谢 Doomsday 的建议,我能够创建一个显示 2 周(从本周开始)的自定义 View 。您要将可见开始日期更改为今天的日期,并将行数更改为 2。

function TwoWeeksView(element, calendar) {
var t = this;

// exports
t.render = render;


// imports
BasicView.call(t, element, calendar, 'month');
var opt = t.opt;
var renderBasic = t.renderBasic;
var formatDate = calendar.formatDate;



function render(date, delta) {
    if (delta) {
        addMonths(date, delta);
        date.setDate(1);
    }
    var start = cloneDate(date, true);
    start.setDate(1);
    var end = addMonths(cloneDate(start), 1);

    //var visStart = cloneDate(start);
    var visStart = date;

    var visEnd = cloneDate(end);
    var firstDay = opt('firstDay');
    var nwe = opt('weekends') ? 0 : 1;
    if (nwe) {
        skipWeekend(visStart);
        skipWeekend(visEnd, -1, true);
    }

    addDays(visStart, -((visStart.getDay() - Math.max(firstDay, nwe) + 7) % 7));
    addDays(visEnd, (7 - visEnd.getDay() + Math.max(firstDay, nwe)) % 7);
    var rowCnt = Math.round((visEnd - visStart) / (DAY_MS * 7));

    if (opt('weekMode') == 'fixed') {
        addDays(visEnd, (6 - rowCnt) * 7);
        //rowCnt = 6;
        rowCnt = 2;
    }
    t.title = formatDate(start, opt('titleFormat'));
    t.start = start;
    t.end = end;
    t.visStart = visStart;
    t.visEnd = visEnd;
    renderBasic(6, rowCnt, nwe ? 5 : 7, true);
}
}

最佳答案

最好的解决方案是实现您的自定义 View 。

放入您自己定义的新 JS View :

$.fullCalendar.views.twoweeks = TwoWeeksView;
function TwoWeeksView(element, calendar) {
    // copy code from fullcalendar.js line 1960
}

关于jquery - 在 jQuery FullCalendar 中显示 2 周,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6420200/

相关文章:

php - 运行 AJAX 查询以使用 php 文件刷新 div

javascript - html 页面没有机会在 ajax 调用之间呈现

javascript - jquery 与 JavaScript

javascript - Fullcalendar js 和 Firefox 中的日期无效,如何处理?

javascript - 如何将变量传递给完整的日历事件?

javascript - 如何在不闪烁的情况下一次隐藏单个 div 而不是设置可见性隐藏

javascript - 全日历调度程序 : Parallelogram Shaped Events

fullcalendar-在月 View 中显示半天事件

javascript - iPad 中 fullcalendar 版本 2 的拖动事件

jquery - 克隆、修改并附加 self 到另一个 DOM 元素?