如何使用GWT挂钩Fullcalendar的next / prev按钮上的事件？

Question

使用https://gwtbootstrap3.github.io/gwtbootstrap3-demo/#fullcalendar

你好吗

• 下一个和上一个按钮上的挂钩和事件
• 将背景颜色设置为日历上的特定日期

Answer 1

最简单的方法是连接显示viewRender事件。正如documentation所述：

  

此回调将在用户更改视图时触发，或在调用任何日期导航方法时。

以下是代码：

GeneralDisplay generalDisplay = new GeneralDisplay();
generalDisplay.setViewRenderCallback(new ViewRenderCallback() {
    @Override
    public void windowResize(JavaScriptObject view) {
    }

    @Override
    public void viewRender(JavaScriptObject view, Element element) {
        Window.alert("viewRender");
    }

    @Override
    public void viewDestroy(JavaScriptObject view, Element element) {
    }

    @Override
    public void dayRender(JavaScriptObject moment, Element tdElement) {
    }
});

CalendarConfig config = new CalendarConfig();
config.setGeneralDisplay(generalDisplay);

final FullCalendar calendar = new FullCalendar(Document.get().createUniqueId(), ViewOption.month, config, false);

要设置特定日期的背景，请使用Background events：

Event backgroundEvent = new Event(Document.get().createUniqueId(), "");
backgroundEvent.setStart(new Date(1511136000000L));
backgroundEvent.setAllDay(true);
backgroundEvent.setRendering("background");
backgroundEvent.setBackgroundColor("red");
calendar.addEvent(backgroundEvent);