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>`