开发者

How can get start and end time on fullcalendar?

开发者 https://www.devze.com 2023-01-20 15:16 出处:网络
how can i get start and end time of visible days in fullcalendar? I need it for use in another javascript instace. Is there some function like -

how can i get start and end time of visible days in fullcalendar?

I need it for use in another javascript instace. Is there some function like -

$('cal开发者_如何学Cender').getStartTime();

?


If you're looking for the visible start and end date, that would be the visStart and visEnd property of the view object in version 1:

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

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

and that would be intervalStart and intervalEnd in version 2:

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

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

If you're looking for the start and end date of the current week / month, that would be the start and end property of the current view object:

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

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

Reference : Full Calendar documentation.


I don't know why I'm seeing such different behavior but thanks to the others, I got in the right direction but the "start" and "end" are moment() objects. Thus to get the actual date, you need to use:

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

Works exactly like I need and what the OP asked. NOTE: The end date is one day after the calendar. That is, the calendar I'm looking at starts on Sunday 7/31/16 ends on Saturday 9/10/16 - and the date given me are 2016-07-31 and 2016-09-11 (one day after the date shown technically - of course if you say "00:00:00" of those days you'll be accurate).


version 5

var start = calendar.view.activeStart;
var end = calendar.view.activeEnd;

Docs: https://fullcalendar.io/docs/view-object


version 4

You can just use calendar object and get satrt/end dates

 var start = calendar.view.view.activeStart;
 var end = calendar.view.view.activeEnd;


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


You need to give id/class what you specified jquery full calendar

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

Above #schedule-events of the full calendar .. you should give the id of the full calendar

Example :

   $('#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)

                  }

......................etc..........


Just posting it for others who might be looking for angular solution.

For start date this.calendar.getApi().view.activeStart and for end date this.calendar.getApi().view.activeEnd

You can follow https://fullcalendar.io/docs/angular to get fullcalendar api - getApi() to use above methods.

0

精彩评论

暂无评论...
验证码 换一张
取 消