Question

如何在fullcalendar中获取可见日的开始和结束时间？

我需要它在另一个javascript实例中使用。有没有像 -

这样的功能

uiCalendarConfig.calendars['myCalendar1'].fullCalendar('getView').visStart

Answer 1

根据完整日历文档（uiCalendar所基于的jQuery插件），当您调用fullCalendar('getView')时，您将获得具有属性的View对象：

启动的   这是第一个可见的日子。

端   这是一个独特的最后一天。

所以你应该能够得到如下开始和结束时刻：

uiCalendarConfig.calendars['myCalendar1'].fullCalendar('getView').start

和

uiCalendarConfig.calendars['myCalendar1'].fullCalendar('getView').end

Answer 2

以下示例显示了角度为2的fullcalendar。应该可以轻松适应您的环境。您可以使用＆＃34; viewRender＆＃34;回调fullcalendar以维持当前可见的日期范围。如果您打算获取仅与可见日期范围相关的业务对象等，则非常有用。

var calendarDiv: any;
var self = this;

calendarDiv = $(this.elementRef.nativeElement).find('#calendar');
calendarDiv.fullCalendar({
        defaultView:    "agendaWeek",
        ...
        viewRender: function (view: any, element: any) {
            self.crtCalendarStart = view.start;
            self.crtCalendarEnd = view.end;
            self.myFilterService.setFilter("filter_plandate", {
                type:   'DateTime',
                value_from: view.start.toDate(),
                value_to: view.end.toDate()
            });
        },
        selectable: true,
        selectHelper: false,
        ...
      });

获取angularjs中视图的完整日历的开始日期和结束日期

2 个答案: