javascriptで、次の月の月初と月末が取得できない

Question

javascriptの練習でカレンダーのプログラムを作っています。setMouthなどを使って次の月の月初と月末を取得しようとしたのですが、setMonthやsetDateの値を、それぞれ変数に入れて保管しようとしたのですが、なぜか最終的に一番新しい値になってしまいます。これは何故なのでしょうか？

//　今日の年月日曜日を取得する //
//　年を取得
var currentYear = new Date().getFullYear(); // 現在の年を取得
var currentMonth = new Date().getMonth(); // 現在の月を取得
var nextMonth = new Date().getMonth() + 1; // 次の月を取得
var firstDate = new Date(currentYear, currentMonth, 1); // 現在の月初をdate関数にする
var lastDate = new Date(currentYear, nextMonth, 0); // 現在の月末をdate関するにする

//　来月の年月日曜日を取得する //
firstDate.setMonth(firstDate.getMonth() + 1); // 次の月初を取得
var nextFirstDate = firstDate; // firstDateを保管
firstDate.setMonth(firstDate.getMonth() + 1); // さらに次の月を取得
firstDate.setDate(firstDate.getDate() - 1); // 月末を取得
var nextLastDate = firstDate; // firstDateを保管
console.log(nextFirstDate, nextLastDate); // なぜかここがfirstDataの最新のものになってしまう

Answer 1

var nextFirstDate = firstDate;とありますが、これは同じオブジェクトを両方の変数が指しています。firstDateを変更すればnextFirstDateも変化します。

日付をコピーしたいときは、var nextFirstDate = new Date(firstDate.getTime());のように、時間の値を抽出して新しいDateを作りましょう。

Comments

[gamips]

ありがとうござます。新しいDateを作ることで解決できました。

Answer 2

Dateを新しく作ることで解決しました。

//　今日の年月日曜日を取得する //
//　年を取得
var currentYear = new Date().getFullYear(); // 現在の年を取得
var currentMonth = new Date().getMonth(); // 現在の月を取得
var nextMonth = new Date().getMonth() + 1; // 次の月を取得
var firstDate = new Date(currentYear, currentMonth, 1); // 現在の月初をdate関数にする
var lastDate = new Date(currentYear, nextMonth, 0); // 現在の月末をdate関するにする
var firstDateCount = firstDate.getDate(); // 月初を取得
var lastDateCount = lastDate.getDate(); // 月末を取得


//　来月の年月日曜日を取得する //
var nextFirstDate = new Date(firstDate); // 現在年月日のdate関数を移し替え
nextFirstDate.setMonth(nextFirstDate.getMonth() + 1); //　来月のdate関数をset
var nextLastDate = new Date(nextFirstDate); // 再来月の月初をdate関数にする
nextLastDate.setMonth(nextLastDate.getMonth() + 1); //　再来月のdate関数をset
nextLastDate.setDate(nextLastDate.getDate() - 1); //　来月の月末をdate関数をset
var nextFirstDateCount = firstDate.getDate();
var nextLastDateCount = lastDate.getDate();

Answer 3

javascriptの日付については、通常moment.jsを使います。

Answer 4

var d1=new Date();
d1.setDate(1);
d1.setMonth(d1.getMonth()+1);
d1.setDate(0);

var currentMonthFirstDate = d1.getFullYear()+"/"+(d1.getMonth()+1)+"/1";
var currentMonthLastDate = d1.getFullYear()+"/"+(d1.getMonth()+1)+"/"+d1.getDate();
console.log([currentMonthFirstDate,currentMonthLastDate]);

var d2 = new Date();
d2.setDate(1);
d2.setMonth(d1.getMonth()+2);
d2.setDate(0);

var nextMonthFirstDate = d2.getFullYear()+"/"+(d2.getMonth()+1)+"/1";
var nextMonthLastDate = d2.getFullYear()+"/"+(d2.getMonth()+1)+"/"+d2.getDate();
console.log([nextMonthFirstDate,nextMonthLastDate]);