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