web-dev-qa-db-ja.com

Moment.js - 明日、今日、そして昨日

私はmoment().fromNow()機能が欲しいのですが、日付が近いときはあまりにも正確です - ex。 「3時間以内」ではなく「今日」を表示したくないので、基本的には「毎日」の精度で表示します。

私はmoment().calendar()関数を使ってみました、日付の違いが1日以上であればフォーマットしません

javascriptdatemomentjs
71
Ziarno

今日と明日と昨日の日付を取得するためにこれを行うこともできます。

let today     = moment(new Date());

let tomorrow  = moment(new Date()).add(1,'days');

let yesterday = moment(new Date()).add(-1, 'days');
74
HussienK

.fromNowメソッドと.calendarメソッドの両方がmoment.updateLocaleを使用して日付を表示する方法をカスタマイズできます。次のコードは、質問に従って.calendarの表示方法を変更します。

moment.updateLocale('en', {
    calendar : {
        lastDay : '[Yesterday]',
        sameDay : '[Today]',
        nextDay : '[Tomorrow]',
        lastWeek : '[Last] dddd',
        nextWeek : '[Next] dddd',
        sameElse : 'L'
    }
});

質問に基づいて、それは.calendarメソッドがより適切であるように思えます - .fromNowは過去/現在の接頭辞/接尾辞を持ちたがっています、しかしもっと知りたいならあなたはでドキュメントを読むことができます http ：//momentjs.com/docs/#/customization/relative-time/ .

ロケールを上書きせずに1か所だけでこれを使用するには、moment.updateLocaleを定義するときに最初の引数として選択した文字列を渡してから、そのロケールを使用してcalendarメソッドを呼び出します（例：moment.updateLocale('yesterday-today').calendar( /* moment() or whatever */ )）

編集：Moment ^ 2.12.0にはupdateLocaleメソッドが追加されました。 updateLocaleとlocaleは機能的に同じであるように見え、localeはまだ非推奨ではありませんが、新しいメソッドを使用するように回答を更新しました。

26
svangordon

add()とendOf()を組み合わせて使っています

//...
const today = moment().endOf('day')
const tomorrow = moment().add(1, 'day').endOf('day')

if (date < today) return 'today'
if (date < tomorrow) return 'tomorrow'
return 'later'
//...
24
guillaumepotier

必要条件：

  • 日付が離れている場合は、標準のmoment().fromNow()機能を使用してください。
  • 日付が近い場合は、"today"、"yesterday"、"tomorrow"などを表示します。

解決策：

// call this function, passing-in your date
function dateToFromNowDaily( myDate ) {

    // get from-now for this date
    var fromNow = moment( myDate ).fromNow();

    // ensure the date is displayed with today and yesterday
    return moment( myDate ).calendar( null, {
        // when the date is closer, specify custom values
        lastWeek: '[Last] dddd',
        lastDay:  '[Yesterday]',
        sameDay:  '[Today]',
        nextDay:  '[Tomorrow]',
        nextWeek: 'dddd',
        // when the date is further away, use from-now functionality             
        sameElse: function () {
            return "[" + fromNow + "]";
        }
    });
}

注意：バージョン2.14.0から、カレンダー関数のformat引数はコールバックになることができます。 http://momentjs.com/docs/#/displaying/calendar-time/ を参照してください。

11
Ben

私は似たような解決策を持っていますが、ロケールを使うことができます：

    let date = moment(someDate);
    if (moment().diff(date, 'days') >= 1) {
        return date.fromNow(); // '2 days ago' etc.
    }
    return date.calendar().split(' ')[0]; // 'Today', 'yesterday', 'tomorrow'
11
Adara Hv

これを使うことができます：


const today     = moment();

const tomorrow  = moment().add(1, 'days');

const yesterday = moment().subtract(1, 'days');
10
Alexandr Egorov

Moment.jsでは、 from（） メソッドが、毎日探している精度を持ちます。

var today = new Date();
var tomorrow = new Date();
var yesterday = new Date();
tomorrow.setDate(today.getDate()+1);
yesterday.setDate(today.getDate()-1);

moment(today).from(moment(yesterday)); // "in a day"
moment(today).from(moment(tomorrow)); // "a day ago" 

moment(yesterday).from(moment(tomorrow)); // "2 days ago" 
moment(tomorrow).from(moment(yesterday)); // "in 2 days"
10
twernt

2.10.5以降は、呼び出しごとのカレンダー出力フォーマットの指定をサポートします。より詳細なドキュメンテーションチェックのために Moment - Calendar 。

**Moment 2.10.5**
moment().calendar(null, {
  sameDay: '[Today]',
  nextDay: '[Tomorrow]',
  nextWeek: 'dddd',
  lastDay: '[Yesterday]',
  lastWeek: '[Last] dddd',
  sameElse: 'DD/MM/YYYY'
});

2.14.0からカレンダーは値を返すためにコールバックを取ることもできます。

**Moment 2.14.0**
    moment().calendar(null, {
     sameDay: function (now) {
       if (this.isBefore(now)) {
         return '[Will Happen Today]';
       } else {
        return '[Happened Today]';
       }
       /* ... */
      }
    });
5
pravin

だからこれは私がやってしまったものです

var dateText = moment(someDate).from(new Date());
var startOfToday = moment().startOf('day');
var startOfDate = moment(someDate).startOf('day');
var daysDiff = startOfDate.diff(startOfToday, 'days');
var days = {
  '0': 'today',
  '-1': 'yesterday',
  '1': 'tomorrow'
};

if (Math.abs(daysDiff) <= 1) {
  dateText = days[daysDiff];
}
4
Ziarno
const date = moment(YOUR_DATE)
return (moment().diff(date, 'days') >= 2) ? date.fromNow() : date.calendar().split(' ')[0]
1
Dody