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