【javascriptの日付計算について】変数をセット

Question

■質問
this.getで取得してきた日付から1日前、30日前を取得するには
どうしたらよいのか？

現在のコード（取得できない）

  var day01 = this.get('yyyymmdd');
  // yyyymmddは毎回違う日付が入ってくる
  // 仮にyyyymmddに20150101が入ってきたとする

  var day = new Date('day01');
    day.setHours(0);
    day.setMinutes(0);
    day.setSeconds(0);

  this.set('ymd_1',  day.setDate(day.getDate() - 1));
  // ymd_1の中に'20141231 000000'が入ってほしい
  this.set('ymd_30',  day.setDate(day.getDate() - 30));
  // ymd_30の中に'20141202 000000'が入ってほしい

結果 => NaN

■やりたいこと

（１）
this.get('yyyymmdd')を 20150101 000000 (or 20150101 00:00:00) にしたい

（２）
（１）で取得した日付から1日前と30日前を計算させ、
ymd_1という変数へ格納したい
（setした変数は同ファイルではなく、別のファイルで扱う）

どうかご教授いただけますと幸いでございます。
宜しくお願い致します。

ーーー
前回、javascriptの日付計算について質問させていただきました。

日時の直指定、または今日の日付からですと取得できるのですが、
変数などをセットすると取得できない、または1970/01/01などになってしまいます。

<a href="https://teratail.com/questions/19678">【javascriptの日付計算について】 </a>

Answer 1

ライブラリで手抜きして良いならmomentがオススメです。
http://momentjs.com/

Currently the following browsers are used for the ci system: IE8, IE9 on Windows 7, stable Chrome on Windows XP, Safari 10.8 on Mac and stable Firefox on Linux.

以上が対応ブラウザで、IE8～対応なのが嬉しいですね。

Comments

[star24star]

ご回答くださいましてありがとうございます！
実はmomentも試してはみたのですが、読み込んでくれず…。
他のファイルでは使えるので書き方が悪かったのでしょうか

Answer 2

To: star24star さん

this.get() における this の詳細が不明なので明確な答えは出来ませんが、"YYYY/MM/DD hh:mm:nn" 形式にするなら下記コードで実現可能です。

function getDateStringFrom (year, month, date) {
  var _date = new Date(year, month, date);
  return [_date.getFullYear(), _date.getMonth(), _date.getDate()].join('/') +  ' ' + [_date.getHours(), _date.getMinutes(), _date.getSeconds()].join(':');
}

console.log(getDateStringFrom(2015, 11, 10)); // 2015/11/10 0:0:0

ゼロパディング処理は省略している為、String.prototype.padLeft でも使って下さい。
'1'.padLeft(2, '0') === '01' のように書けます。

• String.prototype.padLeft / String.prototype.padRight (ES7互換polyfill)

Answer 3

JavascriptはyyyyMMdd形式のパースメソッドがないので作ります。
下のparseメソッドはこちらから拝借しました
自分で作るのではなく好きなライブラリを使ってもいいと思います。

日付を操作する場合getDate()で日付を取り出して加減したあとsetDate()でセットします。

  function parse(str) {
      var y = str.substr(0,4),
          m = str.substr(4,2) - 1,
          d = str.substr(6,2);
      var D = new Date(y,m,d);
      return (D.getFullYear() == y && D.getMonth() == m && D.getDate() == d) ? D : 'invalid date';
  }
  
  var day = parse('20150101');
  //1日前
  day.setDate(day.getDate() - 1);
  //30日前
  day.setDate(day.getDate() - 30);

Comments

[star24star]

ご回答くださいましてありがとうございます！

いろいろと試してみたのですが、"str.substr" の部分でエラーが起こってしまいます。

また、this.get('yyyymmdd');は最初からyyyymmddの形式で入ってくるのですが、やはり
function parse(str) {...}の処理は必要なのでしょうか

[rysh]

this.get('yyyymmdd');という書き方を見たことが無いんですが、何かのFrameworkやライブラリを使っていますか？
this.get('yyyymmdd');で取得したyyyymmdd形式の値が日付型なのか文字列型なのか数値型なのかによって続くコードが変わります。
alert(typeof this.get('yyyymmdd'));
などで型を確認してみてください。

また、エラーが発生している場合、エラーの内容も提示してもらえれば調査しやすいです。
もし発生しているエラーが
> b.substr is not a function
というエラーであれば日付部分が文字列ではなく数値として渡っている可能性があるので以下のように書くとうまくいきます。

var day01 = 20150101;
var day = parse(day01.toString());

[star24star]

下記のようなエラーです。
> TypeError: str.substr is not a function

現在のコード
```
function parse(str) {
var y = str.substr(0,4),
m = str.substr(4,2) - 1,
d = str.substr(6,2);
var D = new Date(y,m,d);
return (D.getFullYear() == y && D.getMonth() == m && D.getDate() == d) ? D : 'invalid date';
}
var day01 = parse(this.get('yyyymmdd'));
var day = parse(day01.toString());
this.set('yyyymmdd_1', day.setDate(day.getDate() - 1));
```
---
Webブラウザで表示できるファイルではないため、gitを使用して確認しているのですが、
console.logなど使っても変数の中身が確認できず…。
少し調べてみます

[rysh]

> var day01 = parse(this.get('yyyymmdd'));
> var day = parse(day01.toString());
この部分ですが、parseを二回実行する必要はないです。

> var day01 = this.get('yyyymmdd');
> var day = parse(day01.toString());
これでどうでしょうか？