【JavaScript】日付を取得する方法｜Date オブジェクト・年月日時分秒・フォーマット・Temporal API まで解説

// 現在の日時
const now = new Date();
console.log(now); // Mon Mar 30 2026 14:30:00 GMT+0900 (JST)

// 文字列から生成
const d1 = new Date("2026-03-30");           // ISO 8601 形式（推奨）
const d2 = new Date("2026-03-30T14:30:00");  // 日時指定
const d3 = new Date("2026/03/30 14:30:00");  // スラッシュ区切り

// 数値で指定（月は 0 始まり: 0=1月, 11=12月）
const d4 = new Date(2026, 2, 30, 14, 30, 0); // 2026年3月30日 14:30:00
//                  年   月  日  時  分  秒
//                      ↑ 2 = 3月（0始まり）

// タイムスタンプ（ミリ秒）から生成
const d5 = new Date(1775088600000);

const now = new Date();

const year    = now.getFullYear();    // 2026
const month   = now.getMonth() + 1;  // 3（+1 を忘れずに）
const date    = now.getDate();        // 30
const day     = now.getDay();         // 1（月曜）
const hours   = now.getHours();       // 14
const minutes = now.getMinutes();     // 5
const seconds = now.getSeconds();     // 9

console.log(`${year}/${month}/${date} ${hours}:${minutes}:${seconds}`);
// "2026/3/30 14:5:9"（ゼロ埋めなし）

// ゼロ埋め関数（padStart を活用）
function formatDate(date, separator = "-") {
  const y = date.getFullYear();
  const m = String(date.getMonth() + 1).padStart(2, "0");
  const d = String(date.getDate()).padStart(2, "0");
  return `${y}${separator}${m}${separator}${d}`;
}

const now = new Date();
console.log(formatDate(now));       // "2026-03-30"
console.log(formatDate(now, "/"));  // "2026/03/30"

function formatDateTime(date) {
  const y  = date.getFullYear();
  const mo = String(date.getMonth() + 1).padStart(2, "0");
  const d  = String(date.getDate()).padStart(2, "0");
  const h  = String(date.getHours()).padStart(2, "0");
  const mi = String(date.getMinutes()).padStart(2, "0");
  const s  = String(date.getSeconds()).padStart(2, "0");
  return `${y}-${mo}-${d} ${h}:${mi}:${s}`;
}

console.log(formatDateTime(new Date()));
// "2026-03-30 14:05:09"

const now = new Date();

// 日本語ロケール
console.log(now.toLocaleString("ja-JP"));
// "2026/3/30 14:05:09"

console.log(now.toLocaleDateString("ja-JP"));
// "2026/3/30"

console.log(now.toLocaleTimeString("ja-JP"));
// "14:05:09"

// オプションでフォーマットを制御
console.log(now.toLocaleDateString("ja-JP", {
  year: "numeric",
  month: "long",
  day: "numeric",
  weekday: "long",
}));
// "2026年3月30日月曜日"

// Intl.DateTimeFormat で再利用可能なフォーマッターを作成
const fmt = new Intl.DateTimeFormat("ja-JP", {
  year: "numeric",
  month: "2-digit",
  day: "2-digit",
  hour: "2-digit",
  minute: "2-digit",
  second: "2-digit",
});

console.log(fmt.format(new Date()));
// "2026/03/30 14:05:09"

// 元号（和暦）
const wareki = new Intl.DateTimeFormat("ja-JP-u-ca-japanese", {
  era: "long",
  year: "numeric",
  month: "long",
  day: "numeric",
});
console.log(wareki.format(new Date()));
// "令和8年3月30日"

const now = new Date();

// ISO 8601 形式（UTC）
console.log(now.toISOString());
// "2026-03-30T05:05:09.000Z"（UTC 時刻。日本時間 - 9 時間）

// toJSON は toISOString と同じ結果
console.log(now.toJSON());
// "2026-03-30T05:05:09.000Z"

// 日付部分だけ（YYYY-MM-DD）
console.log(now.toISOString().slice(0, 10));
// "2026-03-30"（ただし UTC 基準なので日本時間とずれる場合あり）

// 現在のタイムスタンプ（ミリ秒: 1970-01-01 00:00:00 UTC からの経過時間）
const ts1 = Date.now();           // 静的メソッド（最も高速）
const ts2 = new Date().getTime(); // インスタンスメソッド
const ts3 = +new Date();          // 単項 + 演算子で数値変換

console.log(ts1); // 1775088309000

// 秒単位のタイムスタンプ（Unix 時間: サーバー API でよく使う）
const unixTime = Math.floor(Date.now() / 1000);
console.log(unixTime); // 1775088309

// タイムスタンプから Date に変換
const fromTs = new Date(1775088309000);
console.log(fromTs.toLocaleString("ja-JP"));

const WEEKDAYS_JP = ["日", "月", "火", "水", "木", "金", "土"];
const WEEKDAYS_EN = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];

const now = new Date();
const dayIndex = now.getDay(); // 0=日曜〜6=土曜

console.log(WEEKDAYS_JP[dayIndex]); // "月"
console.log(WEEKDAYS_EN[dayIndex]); // "Mon"

// toLocaleDateString で曜日を取得（ブラウザ API）
console.log(now.toLocaleDateString("ja-JP", { weekday: "long" }));
// "月曜日"

// ※ Temporal は Stage 3。ポリフィルまたは対応ブラウザが必要

// 現在の日付（タイムゾーン付き）
// const now = Temporal.Now.plainDateISO();
// console.log(now.toString()); // "2026-03-30"
// console.log(now.year);       // 2026
// console.log(now.month);      // 3（1 始まり!）
// console.log(now.day);        // 30

// 日付の計算
// const nextWeek = now.add({ days: 7 });
// const diff = now.until(nextWeek);
// console.log(diff.days); // 7

// input の value は YYYY-MM-DD 形式が必要
const today = new Date();
const yyyy = today.getFullYear();
const mm = String(today.getMonth() + 1).padStart(2, "0");
const dd = String(today.getDate()).padStart(2, "0");

document.querySelector('input[type="date"]').value = `${yyyy}-${mm}-${dd}`;

const now = new Date();
const DAYS = ["日", "月", "火", "水", "木", "金", "土"];

const formatted = `${now.getFullYear()}年${now.getMonth() + 1}月${now.getDate()}日（${DAYS[now.getDay()]}）`;
console.log(formatted); // "2026年3月30日（月）"

<!-- HTML -->
<footer>&copy; <span id="year"></span> MyCompany</footer>

<!-- JavaScript -->
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
<!-- 出力: &copy; 2026 MyCompany -->

// API リクエストに含める日時
const payload = {
  title: "新しい記事",
  createdAt: new Date().toISOString(), // UTC の ISO 8601
};
console.log(payload.createdAt); // "2026-03-30T05:05:09.000Z"

// Date.now() で処理時間を計測
const start = Date.now();

// 計測対象の処理
heavyProcess();

const elapsed = Date.now() - start;
console.log(`処理時間: ${elapsed}ms`);

// より精密な計測は performance.now() を使う
const t0 = performance.now();
heavyProcess();
const t1 = performance.now();
console.log(`処理時間: ${(t1 - t0).toFixed(2)}ms`);