angularjs - 如何格式化'angular-moment'的'am-time-ago'指令？

Question

现场演示

我使用该am-time-ago指令显示相对时间戳：

<span am-time-ago="publishedAt"></span>

默认情况下，格式为“一天前”、“5 天前”等。

如何将格式更改为“1d”、“5d”、“3h”等？

Answer 1

您可以在配置或应用程序启动的某个位置自定义人性化。

moment.lang('en', {
    relativeTime : {
        future: "in %s",
        past:   "%s ago",
        s:  "%d seconds",
        m:  "1m",
        mm: "%dm",
        h:  "1h",
        hh: "%dh",
        d:  "1d",
        dd: "%dd",
        M:  "1m",
        MM: "%dm",
        y:  "1y",
        yy: "%dy"
    }
});

x = new moment();
z = x.clone().add('hours',1);
x.from(z, false);
>> 1h ago
x.from(z, true) //no ago
>> 1h

realtiveTime上的文档

示例：http: //jsbin.com/satohazu/1/edit

Answer 2

Nix 接受的答案有效，但现在已弃用。任何偶然发现这个讨论的人（就像我一样）都应该使用moment.updateLocale(locale).

moment.updateLocale('en', {
    relativeTime : {
        future: "in %s",
        past:   "%s ago",
        s:  "%d seconds",
        m:  "1m",
        mm: "%dm",
        h:  "1h",
        hh: "%dh",
        d:  "1d",
        dd: "%dd",
        M:  "1m",
        MM: "%dm",
        y:  "1y",
        yy: "%dy"
    }
});

https://momentjs.com/docs/#/customization/relative-time/上的详细信息