Moment.js - morgen, heute und gestern

Ich möchte die moment().fromNow()Funktionalität, aber wenn das Datum nahe ist, ist es zu genau - z. Ich möchte nicht, dass es "in 3 Stunden" angezeigt wird, sondern "heute" - also im Grunde genommen mit einer "täglichen" Präzision.

Ich habe versucht, die moment().calendar()Funktion zu verwenden. Sie wird nicht formatiert, wenn der Datumsunterschied mehr als 1 Tag beträgt

Sie können dies auch tun, um das Datum für heute und morgen und gestern zu erhalten

let today     = moment();

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

let yesterday = moment().add(-1, 'days');

Sie können die Art .fromNowund Weise anpassen, in der sowohl die als auch die .calendarMethoden Datumsangaben mit verwenden moment.updateLocale. Der folgende Code ändert die .calendarAnzeige gemäß der Frage:

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

Basierend auf der Frage scheint die .calendarMethode angemessener zu sein - .fromNowmöchte ein Präfix / Suffix für Vergangenheit / Gegenwart haben, aber wenn Sie mehr erfahren möchten, können Sie die Dokumentation unter http://momentjs.com lesen / docs / # / customization / relative-time / .

Um dies nur an einer Stelle zu verwenden, anstatt die Gebietsschemas zu überschreiben, übergeben Sie eine Zeichenfolge Ihrer Wahl als erstes Argument, wenn Sie das definieren, moment.updateLocaleund rufen Sie dann die Kalendermethode mit diesem Gebietsschema auf (z. B. moment.updateLocale('yesterday-today').calendar( /* moment() or whatever */ )).

EDIT: Moment ^ 2.12.0 hat jetzt die updateLocaleMethode. updateLocaleund localescheinen funktional gleich zu sein und localesind noch nicht veraltet, haben aber die Antwort aktualisiert, um die neuere Methode zu verwenden.

Ich benutze eine Kombination von add()und endOf()mit Moment

//...
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'
//...

Bedarf:

• Wenn das Datum weiter entfernt ist, verwenden Sie die Standardfunktionalität moment().fromNow().
• Wenn das Datum näher, zeigen "today", "yesterday", "tomorrow"etc.

Lösung:

// 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 + "]";
        }
    });
}

Hinweis: Ab Version 2.14.0 kann das Formatargument für die Kalenderfunktion ein Rückruf sein, siehe http://momentjs.com/docs/#/displaying/calendar-time/ .

Sie können dies verwenden:

const today     = moment();

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

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

Ich habe eine ähnliche Lösung, erlaube aber die Verwendung von Gebietsschemas:

    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'

In Moment.js hat die from () -Methode die tägliche Genauigkeit, nach der Sie suchen:

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"

Ab 2.10.5 unterstützt moment die Angabe von Kalenderausgabeformaten pro Aufruf. Eine ausführlichere Dokumentation finden Sie unter Moment - Kalender .

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

Ab 2.14.0 kann der Kalender auch einen Rückruf entgegennehmen, um Werte zurückzugeben.

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

Das habe ich also getan

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];
}

Sie können die Methoden .add () und .subtract () verwenden, um das Datum von gestern und morgen abzurufen. Verwenden Sie dann die Formatierungsmethode, um nur das Datumsformat ("D / M / Y") abzurufen. D steht für Tag, M für Monat, Y für Jahr. Check in Moment Docs

 let currentMilli = Date.now()
 let today = Moment(currentMilli).format("D/M/Y");
 let tomorrow = Moment(currentMilli).add(1, 'days').format("D/M/Y");
 let yesterday = Moment(currentMilli).subtract(1, 'days').format("D/M/Y");

Ergebnis wird sein:

Current Milli - 1576693800000
today - 19/12/2019
tomorrow - 18/12/2019
yesterday - 18/12/2019

So mache ich das mit moment :

  let today = moment().format('DD MMMM YYYY');

  let tomorrow = moment().add(1, 'days').format('DD MMMM YYYY').toString();

  let yesterday = moment().subtract(1, 'days').startOf('day').format('DD MMMM YYYY').toString();

const date = moment(YOUR_DATE)
return (moment().diff(date, 'days') >= 2) ? date.fromNow() : date.calendar().split(' ')[0]