JavaScriptでの日付フォーマットの方法

2024-02-10 07:01 JavaScript 日付フォーマット プログラミング
  1. DateオブジェクトとtoLocaleStringメソッドを使用する方法:
const date = new Date();
const formattedDate = date.toLocaleString('ja-JP', { year: 'numeric', month: '2-digit', day: '2-digit' });
console.log(formattedDate);

この例では、toLocaleStringメソッドを使用して日付を指定した形式にフォーマットしています。第1引数にはロケール（ここでは'ja-JP'）を指定し、第2引数には日付のフォーマットオプションを指定しています。上記の例では、年を4桁の数字、月と日を2桁の数字で表示しています。

  1. Moment.jsライブラリを使用する方法:

Moment.jsは日付と時刻の操作と表示に便利な機能を提供する人気のあるライブラリです。まず、Moment.jsをインストールし、以下のように使用します。

const moment = require('moment');
const date = moment();
const formattedDate = date.format('YYYY/MM/DD');
console.log(formattedDate);

この例では、Moment.jsのformatメソッドを使用して日付を指定した形式にフォーマットしています。フォーマット文字列（'YYYY/MM/DD'）によって、年は4桁の数字、月と日は2桁の数字で表示されます。

  1. Intl.DateTimeFormatオブジェクトを使用する方法:

Intl.DateTimeFormatオブジェクトは、ブラウザのネイティブな日付フォーマット機能を利用するための機能です。以下のように使用できます。

const date = new Date();
const options = { year: 'numeric', month: '2-digit', day: '2-digit' };
const formatter = new Intl.DateTimeFormat('ja-JP', options);
const formattedDate = formatter.format(date);
console.log(formattedDate);

この例では、Intl.DateTimeFormatオブジェクトを使用して日付を指定した形式にフォーマットしています。第1引数にはロケール（ここでは'ja-JP'）を指定し、第2引数には日付のフォーマットオプションを指定しています。

これらはJavaScriptで日付をフォーマットするための一般的な方法の一部です。他にもさまざまなライブラリや手法が存在しますが、上記の方法を参考にすることで、日付フォーマットに関する基本的な理解を得ることができるでしょう。