JavaScriptでmm/dd/yyyy形式で日付をフォーマットする方法


方法1: 自前の関数を使用する方法

function formatDate(date) {
  var month = date.getMonth() + 1;
  var day = date.getDate();
  var year = date.getFullYear();
  // 日付のゼロパディング
  month = month < 10 ? '0' + month : month;
  day = day < 10 ? '0' + day : day;
  return month + '/' + day + '/' + year;
}
// 使用例
var currentDate = new Date();
var formattedDate = formatDate(currentDate);
console.log(formattedDate); // 現在の日付のmm/dd/yyyy形式での表示

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

Moment.jsは日付操作とフォーマットに便利な機能を提供しています。まず、Moment.jsをインストールし、以下のように使用します。

// Moment.jsをインポート
const moment = require('moment');
// 日付をフォーマット
var currentDate = moment().format('MM/DD/YYYY');
console.log(currentDate); // 現在の日付のmm/dd/yyyy形式での表示

方法3: Intl.DateTimeFormatを使用する方法

Intl.DateTimeFormatは、ブラウザのビルトインオブジェクトで、日付のフォーマットに使用できます。以下に例を示します。

var currentDate = new Date();
var options = { year: 'numeric', month: '2-digit', day: '2-digit' };
var formattedDate = new Intl.DateTimeFormat('en-US', options).format(currentDate);
console.log(formattedDate); // 現在の日付のmm/dd/yyyy形式での表示

これらはJavaScriptで日付をmm/dd/yyyy形式にフォーマットするための一部の方法です。他にもさまざまなアプローチがありますが、これらの方法が一般的に使用されるものです。