moment.js - 显示日期或时间

时间:2012-04-24 03:49:11

标签: javascript momentjs

在我正在构建的页面上,需要显示日期(例如:8月15日),或者,如果日期是今天,则只显示时间,例如:晚上10点。

从moment.js中哄骗这种行为的最佳方式是什么?

我想要的日期格式为'd MMM',时间格式为'hA'(如果分钟为0)或'h:mmA'(如果分钟不为0)。

有关如何处理此问题的任何想法?看起来calendar()函数可能能够支持类似的东西吗?

3 个答案:

答案 0 :(得分:11)

您想使用moment.calendar:将sameDay以外的所有内容设置为 d MMMM ,将sameDay设置为 h:mmA 。你不能做比这更好的粮食。

function timeTodayDateElse(date){
    moment.lang('en', {
        'calendar' : {
            'lastDay' : 'D MMMM',
             'sameDay' : 'h:mmA',
            'nextDay' : 'D MMMM',
            'lastWeek' : 'D MMMM',
            'nextWeek' : 'D MMMM',
            'sameElse' : 'D MMMM'
       }
    });

    return moment(date).calendar();
}

答案 1 :(得分:8)

你可以写一个微插件来自己做。

moment.fn.formatTimeToday = function () {
    var now = moment(),
        format = "d MMM";
    if (this.date() === now.date() && 
        Math.abs(this.diff(now)) < 86400000) {
        // same day of month and less than 24 hours difference
        if (this.minutes() === 0) {
             format = "hA";
        } else {
             format = "h:mmA";
        }
    }
    return this.format(format);
}

答案 2 :(得分:1)

快速Google搜索(moment.js相对时间)为文档提供this link。您应该能够使用所需的格式字符串对其进行自定义。