CODEWITHSUNDEEP
javascriptjqueryfullcalendar
Pooky
Pooky

Reputation: 241

How can get start and end time on fullcalendar?

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 - 

$('calender').getStartTime();

?

Upvotes: 24

Views: 61122

Answers (7)

oursgris
oursgris

Reputation: 2882

version 5

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

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

Upvotes: 6

Michael Stachura
Michael Stachura

Reputation: 1370

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;

Upvotes: 4

Sachin G.
Sachin G.

Reputation: 1980

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.

Upvotes: 2

Scott
Scott

Reputation: 706

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).

Upvotes: 7

Raja Ram T
Raja Ram T

Reputation: 9071

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..........

Upvotes: 2

Matthieu
Matthieu

Reputation: 4620

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.

Upvotes: 50

auswalk
auswalk

Reputation: 31

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

Upvotes: 3

Related Questions