如何在fullcalendar上获得开始和结束时间？

Question

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

我需要它在另一个javascript实例中使​​用。有一些功能像 -

$('calender').getStartTime();

?

Answer 1

如果您正在查找可见的开始和结束日期，那么将是版本1中视图对象的visStart和visEnd属性：

$('calender').fullCalendar('getView').visStart

$('calender').fullCalendar('getView').visEnd

这将是版本2中的intervalStart和intervalEnd：

$('calender').fullCalendar('getView').intervalStart

$('calender').fullCalendar('getView').intervalEnd

如果您正在查找当前周/月的开始日期和结束日期，那么将是当前视图对象的start和end属性：

$('calendar').fullCalendar('getView').start

$('calendar').fullCalendar('getView').end

参考：Full Calendar documentation.

Answer 2

我不知道为什么我会看到这种不同的行为，但多亏其他人，我得到了正确的方向，但“开始”和“结束”是moment（）对象。因此，要获得实际日期，您需要使用：

$('calendar').fullCalendar("getView").start.format()
$('calendar').fullCalendar("getView").end.format()

完全像我需要的工作和OP提出的要求。注意：结束日期是日历后的一天。也就是说，我正在观看的日历将于2016年7月7日星期日开始于2016年10月9日星期六结束 - 而且给出的日期是2016-07-31和2016-09-11（日期后一天）技术上显示 - 当然如果你说那些日子的“00:00:00”你会准确的）。

Answer 3

$('calendar').fullCalendar('getView').start
$('calendar').fullCalendar('getView').end

Answer 4

你需要给id / class你指定的jquery完整日历

    var start_date =  $('#schedule-events').fullCalendar('getView').start
    var end_date  =   $('#schedule-events').fullCalendar('getView').end

在＃schedule - 完整日历的事件之上..你应该给出完整日历的id

示例：

   $('#schedule-events').fullCalendar({

            eventRender: function(event, element) {

          var start_date =  $('#schedule-events').fullCalendar('getView').start
          var end_date  =   $('#schedule-events').fullCalendar('getView').end
          console.log(start_date +'sart----------end date'+end_date)

                  }

......................等等..........

Answer 5

只需将其发布给可能正在寻找有角度解决方案的其他人。

对于开始日期this.calendar.getApi().view.activeStart和结束日期this.calendar.getApi().view.activeEnd

您可以按照https://fullcalendar.io/docs/angular获取fullcalendar api - getApi（）以使用上述方法。