JavaScript

【JavaScript】new Dateの日付を個別に設定する方法

本記事では、JavaScriptでnew Dateの日付を個別に設定する方法について解説しています。

JavaScriptの学習におすすめ参考書
改訂3版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

本書情報
出版社技術評論社
著者山田 祥寛
発売日2023/2/13
ページ数624ページ
レビュー
(Amazon)
(4件)
先輩くん
先輩くん
10万部突破したJavaScriptの本が大幅増補改訂し7年ぶりに発売されたよ!
後輩ちゃん
後輩ちゃん
最新の基本文法から、開発に欠かせない応用トピックまで学ぶことが出来るよ!

綺麗なコードが書けるようになる!
リーダブルコード-より良いコードを書くためのシンプルで実践的なテクニック

本書情報
出版社オライリージャパン
著者Dustin Boswell / Trevor Foucher
発売日2012/6/23
ページ数260ページ
レビュー
(Amazon)
(620件)
先輩くん
先輩くん
より良いコードを書きたい人におすすめの本だよ!
後輩ちゃん
後輩ちゃん
10以上前の書籍ですが、内容は今でも役に立つものばかりです!

new Dateの日付を設定する

new Dateの日付を設定する方法は以下のとおりです。

let time = new Date();
console.log(time.toLocaleString()); // => 2023/3/13 16:02:33

// 年を設定:setFullYear()
time.setFullYear(2024);

// 月を設定:setMonth()
time.setMonth(3);

// 日を設定:setDate()
time.setDate(1);

// 時を設定:setHours()
time.setHours(23);

// 分を設定:setMinutes()
time.setMinutes(30);

// 秒を設定:setSeconds()
time.setSeconds(59);

// ミリ秒を設定:setMilliseconds()
time.setMilliseconds(300);

console.log(time.toLocaleString()); // => 2024/4/1 23:30:59

使用しているメソッド名を見て分かる通り、Dateオブジェクトを使用して時刻を取得する時と名前が非常に似ており、取得する時は「get」を先頭に付け、設定する時は「set」を先頭に付けると覚えておきましょう。

注意すべき点は、月を設定するsetMonthメソッドです。Dateオブジェクトの月は1~12で設定するのではなく0~11で設定します。そのため、3を設定した場合は4月になります。

ブログランキング・にほんブログ村へ PVアクセスランキング にほんブログ村