ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 日付オブジェクトのチートシート

JavaScript 日付オブジェクトのチートシート

DDD
リリース: 2024-12-01 19:03:12
オリジナル
352 人が閲覧しました

JavaScript Date Object Cheatsheet

JavaScript の Date オブジェクト は、日付と時刻を操作するために使用されます。日付と時刻の値を作成、操作、および書式設定するためのメソッドが提供されます。


日付の作成

Date オブジェクトは複数の方法で作成できます。

  1. 現在の日付と時刻:
   const now = new Date();
   console.log(now); // Current date and time
ログイン後にコピー
ログイン後にコピー
  1. 特定の日付:
   const specificDate = new Date(2024, 10, 21); // Year, Month (0-based), Day
   console.log(specificDate); // Thu Nov 21 2024
ログイン後にコピー
ログイン後にコピー
  1. 文字列から:
   const fromString = new Date("2024-11-21T10:00:00");
   console.log(fromString); // Thu Nov 21 2024 10:00:00 GMT
ログイン後にコピー
ログイン後にコピー
  1. From Timestamps (Unix エポックからのミリ秒):
   const fromTimestamp = new Date(1732231200000);
   console.log(fromTimestamp); // Thu Nov 21 2024 10:00:00 GMT
ログイン後にコピー
ログイン後にコピー

一般的な方法

日付と時刻の取得

Method Description Example
getFullYear() Returns the year date.getFullYear() -> 2024
getMonth() Returns the month (0-11) date.getMonth() -> 10 (November)
getDate() Returns the day of the month (1-31) date.getDate() -> 21
getDay() Returns the weekday (0-6, Sun=0) date.getDay() -> 4 (Thursday)
getHours() Returns the hour (0-23) date.getHours() -> 10
getMinutes() Returns the minutes (0-59) date.getMinutes() -> 0
getSeconds() Returns the seconds (0-59) date.getSeconds() -> 0
getTime() Returns timestamp in milliseconds date.getTime() -> 1732231200000
メソッド
説明

getFullyear() 年を返します date.getFull Year() -> 2024年 getMonth() 月 (0-11) を返します date.getMonth() -> 10日(11月) getDate() 日付 (1 ~ 31) を返します date.getDate() -> 21 getDay() 平日 (0 ~ 6、日曜日 = 0) を返します date.getDay() -> 4日(木) getHours() 時間 (0 ~ 23) を返します date.getHours() -> 10 getMinutes() 分 (0 ~ 59) を返します date.getMinutes() -> 0 getSeconds() 秒 (0 ~ 59) を返します date.getSeconds() -> 0 getTime() タイムスタンプをミリ秒単位で返します date.getTime() -> 1732231200000
Method Description Example
setFullYear(year) Sets the year date.setFullYear(2025)
setMonth(month) Sets the month (0-11) date.setMonth(0) -> January
setDate(day) Sets the day of the month date.setDate(1) -> First day of the month
setHours(hour) Sets the hour (0-23) date.setHours(12)
setMinutes(minutes) Sets the minutes (0-59) date.setMinutes(30)
setSeconds(seconds) Sets the seconds (0-59) date.setSeconds(45)
日付と時刻の設定 メソッド 説明 例 setFullyear(年) 年を設定します date.setFull Year(2025) setMonth(月) 月を設定します (0 ~ 11) date.setMonth(0) -> 1月 setDate(日) 日付を設定します date.setDate(1) ->月の最初の日 setHours(時間) 時間を設定します (0 ~ 23) date.setHours(12) setMinutes(分) 分を設定します (0 ~ 59) date.setMinutes(30) setSeconds(秒) 秒を設定します (0 ~ 59) date.setSeconds(45) テーブル>

日付の書式設定

Method Description Example
toDateString() Returns date as a human-readable string date.toDateString() -> "Thu Nov 21 2024"
toISOString() Returns date in ISO format date.toISOString() -> "2024-11-21T10:00:00.000Z"
toLocaleDateString() Returns date in localized format date.toLocaleDateString() -> "11/21/2024"
toLocaleTimeString() Returns time in localized format date.toLocaleTimeString() -> "10:00:00 AM"
メソッド
説明

toDateString() 人間が読める文字列として日付を返します date.toDateString() -> 「2024年11月21日木曜日」 toISOString() ISO 形式で日付を返します date.toISOString() -> 「2024-11-21T10:00:00.000Z」 toLocaleDateString() ローカライズされた形式で日付を返します date.toLocaleDateString() -> 「2024年11月21日」 toLocaleTimeString() ローカライズされた形式で時刻を返します date.toLocaleTimeString() -> 「午前10時00分00秒」
  1. 一般的な使用例
   const now = new Date();
   console.log(now); // Current date and time
ログイン後にコピー
ログイン後にコピー
    2 つの日付の間の日数を計算
  1. :
   const specificDate = new Date(2024, 10, 21); // Year, Month (0-based), Day
   console.log(specificDate); // Thu Nov 21 2024
ログイン後にコピー
ログイン後にコピー
    カウントダウンタイマー
  1. :
   const fromString = new Date("2024-11-21T10:00:00");
   console.log(fromString); // Thu Nov 21 2024 10:00:00 GMT
ログイン後にコピー
ログイン後にコピー
    現在の日付の形式
  1. :
   const fromTimestamp = new Date(1732231200000);
   console.log(fromTimestamp); // Thu Nov 21 2024 10:00:00 GMT
ログイン後にコピー
ログイン後にコピー
    曜日を見つける
  1. :
   const startDate = new Date("2024-11-01");
   const endDate = new Date("2024-11-21");
   const diffInTime = endDate - startDate; // Difference in milliseconds
   const diffInDays = diffInTime / (1000 * 60 * 60 * 24); // Convert to days
   console.log(diffInDays); // 20
ログイン後にコピー
    うるう年を確認する
  1. :
   const targetDate = new Date("2024-12-31T23:59:59");
   setInterval(() => {
       const now = new Date();
       const timeLeft = targetDate - now; // Milliseconds left
       const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
       const hours = Math.floor((timeLeft / (1000 * 60 * 60)) % 24);
       const minutes = Math.floor((timeLeft / (1000 * 60)) % 60);
       const seconds = Math.floor((timeLeft / 1000) % 60);
       console.log(`${days}d ${hours}h ${minutes}m ${seconds}s`);
   }, 1000);
ログイン後にコピー

日数の加算/減算

:

  1. プロのヒント
   const now = new Date();
   const formatted = `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()}`;
   console.log(formatted); // "2024-11-21"
ログイン後にコピー
Date オブジェクトを作成せずに、
    Date.now()
  1. を使用して現在のタイムスタンプを直接取得します。

    地域をまたいで日付を操作する場合は、タイムゾーン

    に注意してください。高度な処理には、
  2. Moment.js
  3. Day.js などのライブラリを使用します。

月が 1 つずつ異なるエラーを避けるために、月は
0 からインデックス付けされます
(0 = 1 月、11 = 12 月) ことに注意してください。

以上がJavaScript 日付オブジェクトのチートシートの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート