本記事では、JavaScriptでnew Dateの日付を個別に設定する方法について解説しています。
JavaScriptの学習におすすめ書籍
1冊ですべて身につくJavaScript入門講座
メリット
- 誰でも分かるように嚙み砕いて説明してくれる
- アニメーションの知識が深く学べる
- 1つのWebサイトを作りながら学べる
ポチップ
先輩くんAmazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！
後輩ちゃん初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！
全プログラマー必見！
変数名/関数名にもう悩まない！
変数名/関数名にもう悩まない！
リーダブルコード
メリット
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 （2023/07/23 02:48時点 | Amazon調べ）
ポチップ
目次
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月になります。
