日付形式のJavaScriptを変更する

JavaScript で日付形式を変更するにはどうすればよいですか?

JavaScript で日付を表現するには、日付オブジェクトや日付文字列など、さまざまな方法があります。実際の開発では、日付を指定された形式にフォーマットする必要があることがよくあります。この記事では、JavaScriptを使用して日付の形式を変更する方法を紹介します。

1. Date オブジェクト

Date オブジェクトは、JavaScript で日付と時刻を処理するための標準オブジェクトです。これを使用して、特定の日付と時刻を表すことができます:

let currentDate = new Date();
console.log(currentDate); // 输出当前日期

出力結果は次のとおりです:

Fri Oct 15 2021 14:10:30 GMT+0800 (中国标准时间)

2. 日付の書式設定

日付を指定された形式に書式設定するには、次のメソッドとプロパティを使用する必要があります。日付オブジェクト。例:

• getDate(): 日付から日を取得します。
• getMonth(): 日付から月を取得します (0 から始まります)
• getFull Year (): 日付から年を取得します
• getHours(): 日付から時間を取得します (24 時間形式)
• getMinutes(): 日付から分を取得します
• getSeconds(): 日付の秒を取得します
• toLocaleDateString(): 日付を現地時間の文字列に変換します
• toLocaleTimeString(): 時間を現地時間の文字列に変換します

これらのメソッドに基づいて、次のように日付書式設定メソッドをカスタマイズできます:

function dateTimeFormatter(date) {
  const year = date.getFullYear();
  const month = (date.getMonth() + 1).toString().padStart(2, '0');
  const day = date.getDate().toString().padStart(2, '0');
  const hours = date.getHours().toString().padStart(2, '0');
  const minutes = date.getMinutes().toString().padStart(2, '0');
  const seconds = date.getSeconds().toString().padStart(2, '0');

  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}

const date = new Date();
console.log(dateTimeFormatter(date)); // 输出自定义格式化日期

出力結果は次のようになります:

2021-10-15 14:24:12

3. 日付文字列object

日付文字列があり、それを日付オブジェクトに変換する必要がある場合は、Date オブジェクトの parse() メソッドを使用できます。

const dateString = '2021-10-15T14:30:00';
const date = new Date(Date.parse(dateString));
console.log(date);

出力結果は次のとおりです。 :

Fri Oct 15 2021 14:30:00 GMT+0800 (中国标准时间)

4. Date オブジェクトから日付文字列への変換

日付オブジェクトがあり、それを日付文字列に変換する必要がある場合は、toISOString() と toLocaleString を使用できます。 Date オブジェクトの () メソッド:

const date = new Date();
console.log(date.toISOString()); // 输出 ISO 格式的日期字符串
console.log(date.toLocaleString()); // 输出本地化日期时间字符串

出力結果は次のとおりです:

2021-10-15T06:38:27.752Z
2021/10/15 上午6:38:27

5. Moment.js ライブラリ

ネイティブ メソッドとJavaScript の関数を使用する場合は、Moment.js ライブラリを使用して日付と時刻を処理することもできます。このライブラリは、日付の書式設定、日付の計算、タイム ゾーンの設定などの問題を簡単に解決するための豊富な API とツールを提供します。

例:

const date = moment(new Date()).format('YYYY-MM-DD HH:mm:ss');
console.log(date);

出力結果は、カスタム形式の日付出力と一致します:

2021-10-15 15:17:24

概要:

JavaScript では、ネイティブ日付と時刻を処理するには、Date オブジェクトといくつかのメソッドとプロパティが使用されます。また、Moment.js ライブラリを使用して日付と時刻を簡単に処理することもできます。 JavaScript を使用するか Moment.js ライブラリを使用するかにかかわらず、日付と時刻をより適切に処理するには、一般的な日付処理メソッドと関連 API を理解する必要があります。

以上が日付形式のJavaScriptを変更するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。