web-dev-qa-db-ja.com

FullCalendarの日付と時刻の処理

FullCalendarスクリプト を使用していますが、カレンダーのEVENTSの日付/時刻のフォーマットに問題があります。

すべてのイベントの日付/時刻データを次のようにする必要があります。

2011-09-28 08:15:00

私のJSONソースでは、すべての日付はこのようになっており、カレンダーに正しく表示されます。ただし、イベントが移動された場合、または新しいイベントが追加された場合（永遠のドラッグによってドロップされた場合）、時間形式は次のようになります。

2011年9月30日金曜日14:30:00 GMT-0400（EDT）

その形式では表示されませんが、event.startまたはevent.endをデータベースに挿入しようとしたとき、またはこれを実行したときに、次のように表示されます。

eventClick: function(event) {

alert("Event ID: " + event.id + " Start Date: " + event.start + " End Date: " + event.end);
}

これは、カレンダー内で日付と時刻がどのように保存されるかを確認するためにのみ使用しています。データベースを新しいイベントで更新する必要がありますが、最初に示した形式ですが、これを行うのに問題があります。

formatDate関数を使用するにはどうすればよいですか？私はそれがリストされているのを見ます、そして私が尋ねている理由は私がそれをどうするべきかわからないからです。

やった：

$.fullCalendar.formatDate(event.start, 'MM-dd-yyyy');

しかし、それは何もしません...

javascriptfullcalendar
9
Oseer

私がしたことは、最初にそれを変数に入れましたが、IE-FFはまだIETF形式を生成しました（例： "Wed、18 Oct 2009 13:00:00 EST（東部基準時"）：

var formDate = $.fullCalendar.formatDate(event.start, 'MM-dd-yyyy');
alert(" Start Date: " + formDate);
2
Paul

イベントをレンダリングする前に、次のコードを使用してください。

start=moment(start).format('YYYY/MM/DD hh:mm');

end=moment(end).format('YYYY/MM/DD hh:mm');

Moment.jsを使用していることを確認してください。

13
Boldbayar

カレンダーでイベントをレンダリングするときに、以下のコードを使用しました。

このコードがお役に立てば幸いです。

  eventRender: function(event, element) {
          eventsdate = moment(event.start).format('hh:mm a');
          eventedate = moment(event.end).format('hh:mm a');

          element.find('.fc-time').html(eventsdate + " - " + eventedate + "<br>");
}

Moment.jsを使用していることを確認してください

1
pravin deshmukh

私はあなたの答えを同様の質問で見つけました ここ

H.Dによる回答：

dateStr = "Tue Aug 13 2013 18:00:00 GMT-0400 (EDT)"
(new Date(dateStr)).toISOString().slice(0, 10)

表示されます：「2013-08-13」

(new Date(dateStr)).toISOString()

表示されます： '2013-08-13T18：00：00.000Z'

0
Manza

Q：formatDate関数を使用するにはどうすればよいですか？リストされているのがわかります。質問している理由は、それをどうすればよいかわからないためです。実行しました：$ .fullCalendar.formatDate（event.start 、 'MM-dd-yyyy'）;それは何もしません...

回答：

あなたは似たようなものを使うことができます：

eventClick: function(event) {

alert("Event ID: " + event.id + " Start Date: " +  $.fullCalendar.formatDate(event.start, 'MM-dd-yyyy') + " End Date: " + event.end);
}
0
rails_id

Javaから完全なカレンダーに日付オブジェクトを渡そうとしていて、Java 7以下を使用している場合は、以下の関数が機能します。

日付date = new Date（ "passyourdatestring"）;

date.toLocaleString（）;

そして、以下がイベントオブジェクトになります。

{{

id: '_jobName' ,
url: 'url ',
title: 'title',
allDay: 'false',
description: 'displayname',
start': 'schedDateTime',
end: date.toLocaleString()

};

0
Vaibhav Jain

formatDate と parseDate をチェックしてください。おそらく、問題は解決するでしょう。

0
Magnus Winter