moment.jsメモ

moment.jsでfromNow()で26日前が「１ヶ月前」って返される件

26日前が１ヶ月前って表示されちゃう

// 25日前
console.log(moment().subtract(25, 'day').fromNow());

// １ヶ月前
console.log(moment().subtract(26, 'day').fromNow());

relativeTimeThreshold()で閾値を変更することで解決する

// 閾値を変更
moment.relativeTimeThreshold('d', 31);

// 26日前
console.log(moment().subtract(26, 'day').fromNow());

...と思ったけど２ヶ月目以降やっぱずれはじめる

console.log('1',moment().add(-30*1+1,'day').format('YYYY/MM/DD')); // 2017/03/15 １ヶ月前 momentでは3/15から１ヶ月前になる
console.log('2',moment().add(-30*2+1,'day').format('YYYY/MM/DD')); // 2017/02/13 ２ヶ月前 momentでは2/28から２ヶ月前になってしまう
console.log('3',moment().add(-30*3+1,'day').format('YYYY/MM/DD')); // 2017/01/14 ３ヶ月前 momentでは1/29から３ヶ月前になってしまう

多言語環境下で注意したいformat変換

moment().format('YYYY/MM')ってすると普通は2016/01みたいな文字列がかえると思うが、ペルシア語環境とか（数値を文字で表す言語環境）だと۲۰۱۶۱۰みたいな文字列が返ってくる

moment.locale('fa');
moment().format('YYYY/MM'); // ۲۰۱۶۱۰

moment.localeData().preparse()を使うと期待した文字列に変換できる。

moment.locale('fa');
moment.localeData().preparse(moment().format('YYYY/MM')); // 2016/01

以下のような関数を定義しておくと良さそう

  /**
   * localeを考慮したDateオブジェクトの書式指定の文字列変換を行う
   *
   * ペルシャ語(fa)指定の状態で単純に momentObj.format('YYYY/MM') とすると
   * 「۲۰۱۶۱۰」のような値が返ってくる
   * 「2016/01」のような値が欲しい場合は、この文字列に対し
   *  moment.localeData().preparse('۲۰۱۶۱۰');
   * とすると期待どおりの値が取得できる
   *
   * @params {Date | moment} date
   * @params {string} format
   */
  function formatDateWithoutLocalization = function(date, format){
    date = moment.isMoment(date) ? date : moment(date);
    return moment.localeData().preparse(date.format(format));
  };

１月〜１２月みたいな文字列を配列セットで得る方法

moment.months()を使う。

moment.months();
// -> ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"]

moment.locale('en');
moment.months();
// -> ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]

moment.locale('fa');
moment.months();
// -> ["ژانویه", "فوریه", "مارس", "آوریل", "مه", "ژوئن", "ژوئیه", "اوت", "سپتامبر", "اکتبر", "نوامبر", "دسامبر]