JavaScriptで日付形式を変更する

Web 開発では、yyyy-MM-dd 形式の日付を dd/MM/yyyy 形式に変換したり、日付をタイムスタンプに変換したりするなど、日付形式を変更する必要がよくあります。今回はJavaScriptを使って日付の形式を変更する方法を紹介します。

1. 日付をタイムスタンプに変換する

タイムスタンプは、1970 年 1 月 1 日 00:00:00 UTC からのミリ秒数を指し、時刻と日付の分布を記録するためによく使用されます。 JavaScript では、Date オブジェクトの getTime() メソッドを使用して、現在の日付のタイムスタンプを取得できます。

var timestamp = new Date().getTime();
console.log(timestamp);

上記のコードは、現在のタイムスタンプを出力します。

2. 日付を指定された形式に変換する

JavaScript では、Date オブジェクト メソッドを使用して日付を指定された文字列形式に変換できます。一般的な日付形式の一部を以下に示します。

1. yyyy-MM-dd：年-月-日
2. MM/dd/yyyy：月/日/年
3. dd-MM-yyyy：日/月/年
4. yyyy-MM-dd HH:mm:ss：年-月-日 時：分：秒
5. yyyyMMddHHmmss：年 月、日、時、分、秒

次は、JavaScript を使用して日付を指定された形式に変換するサンプル コードです:

// 将日期格式化为yyyy-MM-dd格式
function formatDate(date) {
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  if (month < 10) month = "0" + month;
  if (day < 10) day = "0" + day;
  return year + "-" + month + "-" + day;
}
var date = new Date();
console.log(formatDate(date)); //2022-02-22

// 将日期格式化为MM/dd/yyyy格式
function formatDate2(date) {
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  if (month < 10) month = "0" + month;
  if (day < 10) day = "0" + day;
  return month + "/" + day + "/" + year;
}
console.log(formatDate2(date)); //02/22/2022

// 将日期格式化为dd-MM-yyyy格式
function formatDate3(date) {
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  if (month < 10) month = "0" + month;
  if (day < 10) day = "0" + day;
  return day + "-" + month + "-" + year;
}
console.log(formatDate3(date)); //22-02-2022

// 将日期格式化为yyyy-MM-dd HH:mm:ss格式
function formatDate4(date) {
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  var hour = date.getHours();
  var minute = date.getMinutes();
  var second = date.getSeconds();
  if (month < 10) month = "0" + month;
  if (day < 10) day = "0" + day;
  if (hour < 10) hour = "0" + hour;
  if (minute < 10) minute = "0" + minute;
  if (second < 10) second = "0" + second;
  return year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
}
console.log(formatDate4(date)); //2022-02-22 00:00:00

// 将日期格式化为yyyyMMddHHmmss格式
function formatDate5(date) {
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var day = date.getDate();
  var hour = date.getHours();
  var minute = date.getMinutes();
  var second = date.getSeconds();
  if (month < 10) month = "0" + month;
  if (day < 10) day = "0" + day;
  if (hour < 10) hour = "0" + hour;
  if (minute < 10) minute = "0" + minute;
  if (second < 10) second = "0" + second;
  return "" + year + month + day + hour + minute + second;
}
console.log(formatDate5(date)); //20220222000000

上記のコードを使用すると、簡単に変換できます。日付を指定された形式に変換します。

概要:

Web 開発では、日付形式を変更するために JavaScript がよく使用されます。この記事では、日付をタイムスタンプに変換する方法と、日付を指定された日付形式に変換する方法を紹介し、JavaScript の日付処理をより深く理解する一助になれば幸いです。

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