angular2 日期格式化

angular2 日期格式化

1.ng2 在模板中格式化显示日期使用 DatePipe 管道(其实就是ng1里面的过滤器(filter),换了个说法),

如下示例:

1 <div class="date" *ngIf="!item.picurl">
2          <span>{{item.createdate | date: 'dd' }}天</span>
3          <span>{{item.createdate | date: 'MM' }}月</span>
4  </div>

以上使用了自定义格式日期表达式,和几乎大部分语言的格式化日期表达式一样y代表年,M大写代表月,d代码日,h代表12小时制的小时,H大写代表24小时制,m小写代表分.

2.同时还可以使用该管道提供的预定义格式:

  • 'medium': 相当于 'yMMMdjms' (e.g. Sep 3, 2010, 12:05:08 PM for en-US)
  • 'short': 相当于 'yMdjm' (e.g. 9/3/2010, 12:05 PM for en-US)
  • 'fullDate':相当于 'yMMMMEEEEd' (e.g. Friday, September 3, 2010 for en-US)
  • 'longDate': 相当于 'yMMMMd' (e.g. September 3, 2010 for en-US)
  • 'mediumDate': 相当于 'yMMMd' (e.g. Sep 3, 2010 for en-US)
  • 'shortDate': 相当于 'yMd' (e.g. 9/3/2010 for en-US)
  • 'mediumTime': 相当于'jms' (e.g. 12:05:08 PM for en-US)
  • 'shortTime': 相当于 'jm' (e.g. 12:05 PM for en-US)

使用示例:

`<div>
    <p>Today is {{today | date}}</p>
    <p>Or if you prefer, {{today | date:'fullDate'}}</p>
    <p>The time is {{today | date:'jmZ'}}</p>
  </div>`
原文地址:https://www.cnblogs.com/xuzimian/p/6650864.html