Moment.js - demain, aujourd'hui et hier

J'aimerais la moment().fromNow()fonctionnalité, mais quand la date est proche, elle est trop précise - ex. Je ne veux pas que ça montre «dans 3 heures» mais «aujourd'hui» - donc fondamentalement avec une précision «quotidienne».

J'ai essayé d'utiliser la moment().calendar()fonction, elle ne se formate pas si la différence de date est supérieure à 1 jour

Vous pouvez également le faire pour obtenir la date d'aujourd'hui, de demain et d'hier

let today     = moment();

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

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

Vous pouvez personnaliser la façon dont .fromNowles .calendarméthodes et affichent les dates à l'aide de moment.updateLocale. Le code suivant changera la façon dont .calendars'affiche selon la question:

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

Sur la base de la question, il semble que la .calendarméthode serait plus appropriée - .fromNowveut avoir un préfixe / suffixe passé / présent, mais si vous souhaitez en savoir plus, vous pouvez lire la documentation sur http://momentjs.com / docs / # / personnalisation / relative-time / .

Pour utiliser cela à un seul endroit au lieu d'écraser les paramètres régionaux, passez une chaîne de votre choix comme premier argument lorsque vous définissez le moment.updateLocale, puis invoquez la méthode de calendrier en utilisant ces paramètres régionaux (par exemple moment.updateLocale('yesterday-today').calendar( /* moment() or whatever */ )) .

EDIT: Moment ^ 2.12.0 a maintenant la updateLocaleméthode. updateLocaleetlocale semblent être fonctionnellement identiques, et localen'est pas encore obsolète, mais a mis à jour la réponse pour utiliser la nouvelle méthode.

J'utilise une combinaison de add()et endOf()avec 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'
//...

Exigences:

• Lorsque la date est plus éloignée, utilisez la moment().fromNow()fonctionnalité standard .
• Lorsque la date est plus proche, spectacle "today", "yesterday", "tomorrow", etc.

Solution:

// 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: A partir de la version 2.14.0, l'argument formats de la fonction calendrier peut être un callback, voir http://momentjs.com/docs/#/displaying/calendar-time/ .

Vous pouvez utiliser ceci:

const today     = moment();

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

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

J'ai une solution similaire, mais permet d'utiliser des 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'

À partir de la version 2.10.5, le moment prend en charge la spécification des formats de sortie du calendrier par appel. Pour une documentation plus détaillée, consultez Moment - Calendar .

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

À partir de la version 2.14.0, le calendrier peut également prendre un rappel pour renvoyer des valeurs.

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

Dans Moment.js, la méthode from () a la précision quotidienne que vous recherchez:

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"

Alors c'est ce que j'ai fini par faire

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

Vous pouvez utiliser les méthodes .add () et .subtract () pour obtenir la date d'hier et de demain. Ensuite, utilisez la méthode de format pour obtenir uniquement la date .format ("J / M / A"), D pour Jour, M pour Mois, Y pour Année. Archiver les documents Moment

 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");

Le résultat sera:

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

Voici comment je fais cela en utilisant 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]