Moment.js - morgen, heute und gestern

Ich würde gerne die moment().fromNow() Funktionalität, aber wenn das Datum ist, schließen Sie es zu genau - ex. Ich will nicht, es zu zeigen 'in 3 Stunden' aber 'heute' - also im Grunde mit einer 'daily' - Präzision.

Ich habe versucht mit der moment().calendar() Funktion, es muss nicht formatieren, wenn das Datum der Unterschied ist mehr als 1 Tag

InformationsquelleAutor der Frage Ziarno | 2016-02-16

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

let today     = moment(new Date());

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

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

InformationsquelleAutor der Antwort HussienK

20

Können Sie die Art und Weise anpassen, dass sowohl die .fromNow und die .calendar Methoden der Anzeige von Datumsangaben mit moment.updateLocale. Der folgende code ändert die Art und Weise, dass .calendar zeigt als je die Frage:
```
moment.updateLocale('en', {
    calendar : {
        lastDay : '[Yesterday]',
        sameDay : '[Today]',
        nextDay : '[Tomorrow]',
        lastWeek : '[Last] dddd',
        nextWeek : '[Next] dddd',
        sameElse : 'L'
    }
});
```
Basierend auf der Frage, wie es scheint, die .calendar Methode wäre besser geeignet -- .fromNow will eine Vergangenheit/Gegenwart Präfix/suffix, aber wenn Sie möchten, um mehr zu erfahren Lesen Sie bitte die Dokumentation an http://momentjs.com/docs/#/customization/relative-time/.

Verwenden, diese an einer einzigen Stelle statt von überschreiben, die Schauplätze, übergeben Sie eine Zeichenfolge Ihrer Wahl als erstes argument beim definieren der moment.updateLocale und rufen Sie dann die Kalender-Methode unter Verwendung dieses Gebietsschemas (zB. moment.updateLocale('yesterday-today').calendar( /* moment() or whatever */))

EDIT: Moment ^2.12.0 jetzt hat die updateLocale Methode. updateLocale und locale zu sein scheinen funktional dieselbe, und locale ist noch nicht veraltet, aber aktualisiert die Antwort auf die neuere Methode.

InformationsquelleAutor der Antwort svangordon

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

InformationsquelleAutor der Antwort guillaumepotier

In Moment.js die aus() Methode hat die tägliche Präzision, die 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"

InformationsquelleAutor der Antwort twernt

Habe ich ähnliche Lösung, erlaubt aber die Verwendung locales:

    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'

InformationsquelleAutor der Antwort Adara Hv

Also das ist, was ich am Ende dabei

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

InformationsquelleAutor der Antwort Ziarno

Vom 2.10.5 moment unterstützt die Angabe von Kalender-Ausgabe-Formate pro Aufruf
Für eine ausführlichere Dokumentation überprüfen Moment - Kalender.

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

Vom 2.14.0-Kalender können Sie auch einen Rückruf, die Rückgabe von Werten.

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

InformationsquelleAutor der Antwort pravin

Anforderungen:

, Wenn das Datum weiter entfernt, verwenden Sie die standard - moment().fromNow() Funktionalität.
, Wenn das Datum näher, zeigen "today", "yesterday", "tomorrow" usw.

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

NB: Ab version 2.14.0, die Formate argument, um die Kalender-Funktion können Sie einen Rückruf, siehe http://momentjs.com/docs/#/displaying/calendar-time/.

InformationsquelleAutor der Antwort Ben

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.