AngularJS ตัวกรองวันที่
การประกาศและการใช้งาน
date
ตัวกรองจะจัดรูปแบบวันที่ในรูปแบบที่กำหนด
วันที่สามารถเป็นวันที่ที่เป็นตัวแปลงเป็นวันที่ หรือจำนวนมิลลิเซ็กันด์ หรือตัวแปลงวันที่-เวลา อย่างเช่น "2016-01-05T09:05:05.035Z"。
โดยมาตรฐาน รูปแบบการแสดงคือ "MMM d, y" (Jan 5, 2016)。
หน้าที่เกี่ยวข้อง
AngularJS ตัวเรียน:ฟิลเตอร์ Angular
ตัวอย่าง
ตัวอย่าง 1
แสดงเลขในรูปแบบวันที่
<div ng-app="myApp" ng-controller="datCtrl"> <p>วันที่ = {{ today | date }}</p> </div>
例子 2
以自定義格式顯示日期:
<div ng-app="myApp" ng-controller="datCtrl"> <p>Date = {{ today | date : "dd.MM.y" }}</p> </div>
例子 3
使用預定義格式顯示日期:
<div ng-app="myApp" ng-controller="datCtrl"> <p>Date = {{ today | date : "fullDate" }}</p> </div>
例子 4
顯示文本和預定義格式的日期組合:
<div ng-app="myApp" ng-controller="datCtrl"> <p>Date = {{ today | date : "'today is ' MMMM d, y" }}</p> </div>
例子 5
將日期作為日期時間字符串:
<div ng-app=""> <p>Date = {{ "2016-01-05T09:05:05.035Z" | date }}</p> </div>
語法
{{ date | date : format : timezone }}
參數
參數 | 描述 |
---|---|
format |
可選。用於顯示日期的日期格式,可以是以下一项或多项:
格式值還可以是以下預定義格式之一:
|
timezone | ใช้สำหรับรูปแบบช่วงเวลาสำหรับการจัดรูปแบบวันที่ |