【JavaScript】時間表記を整形したい(format.()以外)

Question

Fullcalendarのイベントオブジェクト内において

Wed Apr 08 2020 00:00:00 GMT+0900 (日本標準時)

時間が出力されました。これの時間を抜いて年、月、日だけを"-"で繋ぐために

//event.startで上記を出力
console.log(event.start.format('YYYY-MM-DD'));//'2020-04-08'にしたかった

と書いたところ

Uncaught TypeError: event.event.start.format is not a function

とタイプエラーになってしまいました。この場合どう記述すれば'2020-04-08'と出力できますか？

Answer 1

ここで言っているイベントというのは、これのことだと解釈して回答します。

event.start は Date 型なので、「javascript date format」とかで検索すると色々出てきます。
自分で実装してもいいし、外部ライブラリ(Moment.js、Days.jsなど)を導入して、format()メソッド使うのもいいです。

//Moment.js
const date = moment(event.start);
console.log(date.format("YYYY-MM-DD"));

//Days.js
const date2 = days(event.start);
console.log(date2.format("YYYY-MM-DD"));

Answer 2

この場合どう記述すれば'2020-08-04'と出力できますか？

基本的には「Momentやdate-fnsといったライブラリを使う」か「自力で年月日を取得して文字列に組み立てる」かの2つに1つです。

toISOString()はこの条件で使えそうな書式の文字列を返しますが、これはUTC基準となるので要注意です。

Answer 3

let pre=event.start.toISOString().split("T");//toISOString()のT部分でスプリット
console.log(pre[0]);//Tより前の部分を出力

こうすることで、toISOString()によって"2020-04-08T00:00:00.000Z""となっていた文字列が"T"部分でpreオブジェクトに分けられ、pre[0]には"2020-04-08"が出力される

Comments

[think49]

UTC日時で良いのですね

[Kota.Y]

Fullcalendarは表示の際にタイムゾーンを考慮してくれるのでLocalStorageへの保存はUTCで大丈夫でした