JSチュートリアル

JSホーム JSの紹介 JSどこへ JS出力 JSステートメント JS構文 JSコメント JS変数 JS Let JSConst JSオペレーター JS算術 JS割り当て JSデータ型 JS関数 JSオブジェクト JSイベント JS文字列 JS文字列メソッド JS文字列検索 JS文字列テンプレート JS番号 JS番号メソッド JSアレイ JS配列メソッド JS配列ソート JSアレイの反復 JSアレイ定数 JSの日付 JSの日付形式 JS DateGetメソッド JS日付設定メソッド JS数学 JSランダム JSブール値 JSの比較 JS条件 JSスイッチ JSループFor JSループフォーイン JSループの JSループWhile JSブレイク JSIterables JSセット JSマップ JS Typeof JS型変換 JSビット単位 JS RegExp JSエラー JSスコープ JSホイスト JS厳密モード JSこのキーワード JSアロー関数 JSクラス JS JSON JSデバッグ JSスタイルガイド JSのベストプラクティス JSの間違い JSパフォーマンス JS予約語

JSバージョン

JSバージョン JS 2009(ES5) JS 2015(ES6) JS 2016 JS 2017 JS 2018 JS IE /エッジ JSの歴史

JSオブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクト表示 オブジェクトアクセサー オブジェクトコンストラクター オブジェクトのプロトタイプ オブジェクト反復可能 オブジェクトセット オブジェクトマップ オブジェクトリファレンス

JS関数

関数の定義 関数パラメーター 関数の呼び出し 関数呼び出し 機能適用 関数クロージャ

JSクラス

クラスイントロ クラス継承 クラス静的

JSAsync

JSコールバック JS非同期 JSの約束 JS Async / Await

JS HTML DOM

DOMイントロ DOMメソッド DOMドキュメント DOM要素 DOM HTML DOMフォーム DOM CSS DOMアニメーション DOMイベント DOMイベントリスナー DOMナビゲーション DOMノード DOMコレクション DOMノードリスト

JSブラウザBOM

JSウィンドウ JS画面 JSロケーション JSの歴史 JSナビゲーター JSポップアップアラート JSタイミング JSクッキー

JS Web API

WebAPIイントロ WebフォームAPI Web履歴API WebストレージAPI WebワーカーAPI Web Fetch API Web Geolocation API

JS AJAX

AJAXイントロ AJAX XMLHttp AJAXリクエスト AJAX応答 AJAXXMLファイル AJAX PHP AJAX ASP AJAXデータベース AJAXアプリケーション AJAXの例

JS JSON

JSONイントロ JSON構文 JSONとXML JSONデータ型 JSON解析 JSON文字列化 JSONオブジェクト JSON配列 JSONサーバー JSON PHP JSON HTML JSON JSONP

JSとjQuery

jQueryセレクター jQuery HTML jQuery CSS jQuery DOM

JSグラフィックス

JSグラフィックス JSキャンバス JSPlotly JS Chart.js JSグーグルチャート JS D3.js

JSの例

JSの例 JS HTML DOM JSHTML入力 JSHTMLオブジェクト JSHTMLイベント JSブラウザ JSエディター JS演習 JSクイズ JS証明書

JSリファレンス

JavaScriptオブジェクト HTMLDOMオブジェクト


JavaScriptの日付オブジェクト


JavaScript Date Objectを使用すると、日付を操作できます。

2022年1月29日土曜日09:52:49GMT + 0000(協定世界時)

const d = new Date();

JavaScriptの日付出力

デフォルトでは、JavaScriptはブラウザのタイムゾーンを使用し、日付をフルテキスト文字列として表示します。

2022年1月29日土曜日09:52:49GMT + 0000(協定世界時)

日付を表示する方法については、このチュートリアルの後半で詳しく説明します。


日付オブジェクトの作成

日付オブジェクトは new Date()コンストラクターで作成されます。

新しい日付オブジェクトを作成するには、次の4つの方法があります。

new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

new Date()

new Date()現在の日付と時刻で新しい日付オブジェクトを作成します

const d = new Date();

日付オブジェクトは静的です。コンピューターの時刻は刻々と過ぎていますが、日付オブジェクトは刻々と過ぎていません。


新しい日付(年、月、...

new Date(year, month, ...)指定された日付と時刻で新しい日付オブジェクトを作成します

7つの数字は、年、月、日、時、分、秒、ミリ秒を(この順序で)指定します。

const d = new Date(2018, 11, 24, 10, 33, 30, 0);

注: JavaScriptは0から11までの月をカウントします:

1月= 0

12月= 11

11より大きい月を指定してもエラーは発生しませんが、翌年にオーバーフローが追加されます。

指定:

const d = new Date(2018, 15, 24, 10, 33, 30);

と同じです:

const d = new Date(2019, 3, 24, 10, 33, 30);

maxより高い日を指定すると、エラーは発生しませんが、翌月にオーバーフローが追加されます。

指定:

const d = new Date(2018, 5, 35, 10, 33, 30);

と同じです:

const d = new Date(2018, 6, 5, 10, 33, 30);

6、4、3、または2の数字を使用する

6つの数字は、年、月、日、時、分、秒を指定します。

const d = new Date(2018, 11, 24, 10, 33, 30);

5つの数字は、年、月、日、時、分を指定します。

const d = new Date(2018, 11, 24, 10, 33);

4つの数字は、年、月、日、および時間を指定します。

const d = new Date(2018, 11, 24, 10);

3つの数字は、年、月、日を指定します。

const d = new Date(2018, 11, 24);

2つの数字は年と月を指定します:

const d = new Date(2018, 11);

月は省略できません。パラメータを1つだけ指定すると、ミリ秒として扱われます。

const d = new Date(2018);

前世紀

1桁と2桁の年は、19xxと解釈されます。

const d = new Date(99, 11, 24);

const d = new Date(9, 11, 24);

new Date(dateString

new Date(dateString)日付文字列から新しい日付オブジェクトを作成します

const d = new Date("October 13, 2014 11:13:00");

日付文字列については、次の章で説明します。


JavaScriptは日付をミリ秒単位で保存します

JavaScriptは、1970年1月1日00:00:00 UTC(協定世界時)からのミリ秒数として日付を保存します。

ゼロ時間は1970年1月1日00:00:00UTCです。

現在の時刻は次のとおりです。1970年1月1日から1643449969794ミリ秒


新しい日付(ミリ秒

new Date(milliseconds)ゼロ時間プラスミリ秒として新しい日付オブジェクトを作成します

const d = new Date(0);

1970年1月1日プラス100000 000000ミリ秒は約1973年3月3日です。

const d = new Date(100000000000);

1970年1月1日から100000 000000ミリ秒を引いたものは、およそ1966年10月31日です。

const d = new Date(-100000000000);

const d = new Date(86400000);

1日(24時間)は86 400000ミリ秒です。



日付メソッド

Dateオブジェクトが作成されると、いくつかのメソッドを使用してそのオブジェクトを操作できます。

日付メソッドを使用すると、現地時間またはUTC(協定世界時、またはGMT)時間を使用して、日付オブジェクトの年、月、日、時、分、秒、およびミリ秒を取得および設定できます。

日付の方法とタイムゾーンについては、次の章で説明します。


日付の表示

JavaScriptは(デフォルトで)日付をフルテキスト文字列形式で出力します。

Sat Jan 29 2022 09:52:49 GMT+0000 (Coordinated Universal Time)

日付オブジェクトをHTMLで表示すると、toString()メソッドを使用して自動的に文字列に変換されます。

const d = new Date();
d.toString();

このtoUTCString()メソッドは、日付をUTC文字列(日付表示標準)に変換します。

const d = new Date();
d.toUTCString();

このtoDateString()メソッドは、日付をより読みやすい形式に変換します。

const d = new Date();
d.toDateString();

このtoISOString()メソッドは、ISO標準形式を使用して、Dateオブジェクトを文字列に変換します。

const d = new Date();
d.toISOString();

完全なJavaScript日付リファレンス

完全な日付の参照については、次のURLにアクセスしてください。

完全なJavaScript日付リファレンス

このリファレンスには、すべてのDateプロパティとメソッドの説明と例が含まれています。