Question

在primefaces中，schedule component schedule.js文件默认使用new Date（）来显示或突出显示当前日期。

我有一些代码可以将日期查看日期更改为特定日期并显示

$(document).ready(function(){
        var myschedule = PF('myschedule').jq.children(":first");
        var toDate = new Date(2015,02,22);
        myschedule.fullCalendar( 'changeView', 'agendaDay' );
        myschedule.fullCalendar( 'gotoDate', toDate );
});

这有效..但我的要求是在月视图中加载日程表时日期应该根据所选的时区日期并突出显示。有谁可以帮我找一个解决方案？

Answer 1

    var date = ["2015-04-22"];    
    $('.fc-day').each(function () {
        var thisdate = $(this).attr('data-date');
        var td = $(this).closest('td');

        if ($.inArray($(this).attr('data-date'), date) !== -1) {
            td.addClass('fc-state-highlight');
        }
    })

CSS： - .fc状态高亮 { 背景：红 }

这有效......

Answer 2

没有必要使用Jquery选择器。您可以使用dayRender callback

修改单元格

DayRender回拨

function（date，cell）{}

来自doc：

每次需要重新渲染单元格时，都会调用此回调。

Answer 3

明确设置＆＃34;今天＆＃34;的正确方法在FullCalendar上是以下（在文档中有点难以找到，但最后我确实设法找到它。）

$('.calendar').fullCalendar({
    now: moment().tz('Asia/Hong_Kong')
});

（显然，你也需要Moment Timezone包。）

以下是表示此选项的FullCalendar文档： https://fullcalendar.io/docs/now

根据特定时区安排更改fc-today高亮显示

3 个答案: