web-dev-qa-db-ja.com

フルカレンダーで開始時間と終了時間を取得するにはどうすればよいですか?

フルカレンダーでstartおよびend表示される日の時刻を取得するにはどうすればよいですか?

別のjavascriptインスタンスで使用するために必要です。次のような機能はありますか-

$('calender').getStartTime();

21
Pooky

visibleの開始日と終了日を探している場合、それはvisStartおよびvisEndプロパティになりますバージョン1のビューオブジェクト

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

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

バージョン2ではintervalStartintervalEndになります:

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

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

現在の週/月の開始日と終了日を探している場合、それは現在のビューオブジェクトのstartおよびendプロパティになります。

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

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

参照: カレンダーの完全なドキュメント。

46
Matthieu

なぜこのような異なる動作が発生しているのかはわかりませんが、他の人のおかげで正しい方向に進みましたが、「開始」と「終了」はmoment()オブジェクトです。したがって、実際の日付を取得するには、以下を使用する必要があります。

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

私が必要とする通りに動作し、OPが要求したもの。注:終了日はカレンダーの1日後です。つまり、私が見ているカレンダーは日曜日7/31/16に始まり、土曜日9/10/16に終わります-そして、与えられた日付は2016-07-31と2016-09-11です(日付の1日後)技術的に表示されます-もちろん、その日の「00:00:00」と言うと正確です。

4
Scott
$('calendar').fullCalendar('getView').start
$('calendar').fullCalendar('getView').end
3
auswalk

指定したjqueryフルカレンダーのID /クラスを指定する必要があります

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

フルカレンダーの#schedule-eventsの上..フルカレンダーの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)

                  }

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

angularソリューションを探している可能性のある他の人に投稿するだけです。

開始日this.calendar.getApi().view.activeStartおよび終了日this.calendar.getApi().view.activeEnd

https://fullcalendar.io/docs/angular に従って、フルカレンダーapi-getApi()を取得して、上記のメソッドを使用できます。

1
Sachin G.

バージョン4

あなただけのカレンダーオブジェクトを使用して開始/終了日を取得できます

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