【问题标题】:How to format 'angular-moment's 'am-time-ago' directive?如何格式化'angular-moment'的'am-time-ago'指令?
【发布时间】:2014-05-22 18:52:00
【问题描述】:

LIVE DEMO

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

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

默认格式为“一天前”、“5天前”等

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

【问题讨论】:

    标签: angularjs momentjs angular-moment


    【解决方案1】:

    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/

    【讨论】:

      【解决方案2】:

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

      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

      【讨论】:

      • 谢谢!在“3 个月”或“2 年”的情况下,是否可以使用天数来格式化它,例如“90d”还是“730d”?
      • 这并不是每个度量的正确语法。例如mm: "%m" 应该是mm: "%dm"
      • 任何想法如何为不同的控制器设置两种不同的语言(我的意思是分钟/秒等格式)?换句话说,在一个框中我需要显示:20 分钟前,但在第二个框中,20 分钟。
      • @jsmiff 我更新了上面的内容,但这只是如何重新映射的示例。随意将它们更新为您想要的任何内容。
      • @SebastianBochan 我可以推荐一个 hack(定义一个“缩写”语言环境),但我不知道如何格式化 timeago 开箱即用。
      猜你喜欢
      • 1970-01-01
      • 2021-08-11
      • 1970-01-01
      • 1970-01-01
      • 2012-06-05
      • 1970-01-01
      • 2019-06-10
      • 1970-01-01
      • 2014-08-15
      相关资源
      最近更新 更多