JavaScriptで日付の加減算を行いたいが・・・

Question

JavaScriptで日付の加算をするとNaNエラーになってしまいます。
はじめて使い始めたので、理由がわからないのですが日付の減算は成功します。

var dt2 = new Date( new Date - 259200000 );
これで3日前の日付を求めています。

これと同じ要領で
var dt3 = new Date( new Date + 8640000 );
しても1日後になりません・・・

試しにこんな書き方してみましたが・・・違いますよね
var i = parseInt(8640000)
var dt3 = new Date( new Date + i );

全然初心者なので、日付の加減算がよくわかっておらず詳しい方ご教示いただけませんでしょうか。

やりたいことは、今日を取得してその3日前と1日後を表示させることです。

Answer 1

JavaScript で + は文字列の連結にも使用します。なので、new Date() + 8640000 は new Date() を文字列にした Tue Dec 06 2016 01:12:13 GMT+0900 と 8640000 を繋げてしまっているのではないでしょうか。

console.log( new Date() + 8640000 ); // Tue Dec 06 2016 01:12:13 GMT+09008640000
```↓
```JavaScript

var dt2 = new Date( new Date().getTime() - 259200000 );
console.log( dt2 ); // Date {Sat Dec 03 2016 01:12:13 GMT+0900}

var dt3 = new Date( new Date().getTime() + 8640000 );
console.log( dt3  ); // Date {Tue Dec 06 2016 03:36:13 GMT+0900}

【JavaScript の Date は罠が多すぎる - Qiita】
http://qiita.com/labocho/items/5fbaa0491b67221419b4

Comments

[TakefusaBoku]

大変丁寧な解説いただきありがとうございました。
いい勉強になりました。

Answer 2

setDateは1～31以外の値をセットしてもちゃんと月をまたいだ計算をしてくれるので、
このような書き方の方がコード見たときに意図が分かりやすいかもしれません。

var d = new Date;
console.log(d);              //Date 2016-12-06T15:25:10.484Z
d.setDate(d.getDate() - 3 ); //3日前にセット
console.log(d);              //Date 2016-12-03T15:25:10.484Z
d.setDate(d.getDate() - 3 ); //さらに3日前(つまり6日前)にセット
console.log(d);              //Date 2016-11-30T15:25:10.484Z

Answer 3

参考情報

• 日時計算に便利なMoment.jsを使ってみる http://qiita.com/yasumodev/items/a815d6eebea245faf64d

...
JavaScript の Date クラスはやや使いづらさがあります。Moment.js を使うと、フォーマット（書式整形）や日付計算・時間計算に大変便利です。
...

• JavaScriptで日付を扱うならこれ！「moment.js」 http://blog.asial.co.jp/1158

...

今日から30日後の日付が欲しい

moment().add("days", 30).format("YYYY年MM月DD日"); // => 2013年06月14日
...

Comments

[TakefusaBoku]

ありがとうございます。
参考になりました。