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

可選。用於顯示日期的日期格式,可以是以下一项或多项:

  • "yyyy" 年份 (2016)
  • "yy" 年份 (16)
  • "y" 年份 (2016)
  • "MMMM" 月份 (January)
  • "MMM" 月份 (Jan)
  • "MM" 月份 (01)
  • "M" 月份 (1)
  • "dd" 日期 (06)
  • "d" 日期 (6)
  • "EEEE" 星期 (Tuesday)
  • "EEE" 星期 (Tue)
  • "HH" 小時, 00-23 (09)
  • "H" 小時 0-23 (9)
  • "hh" AM/PM 中的小時, 00-12 (09)
  • "h" AM/PM 中的小時, 0-12 (9)
  • "mm" 分鐘 (05)
  • "m" 分鐘 (5)
  • "ss" 秒 (05)
  • "s" 秒 (5)
  • "sss" 毫秒 (035)
  • "a" (AM/PM)
  • "Z" 時區 (-1200 至 +1200)
  • "ww" 周 (00-53)
  • "w" 周 (0-53)
  • "G" 年代 (AD)
  • "GG" 年代 (AD)
  • "GGG" 年代 (AD)
  • "GGGG" 年代 (Anno Domini)

格式值還可以是以下預定義格式之一:

  • "short" กับ "M/d/yy h:mm a" 相同 (1/5/16 9:05 AM)
  • "medium" กับ "MMM d, y h:mm:ss a" เหมือน (Jan 5, 2016 9:05:05 AM)
  • "shortDate" กับ "M/d/yy" เหมือน (1/5/16)
  • "mediumDate" กับ "MMM d, y" เหมือน (Jan 5, 2016)
  • "longDate" กับ "MMMM d, y" เหมือน (January 5, 2016)
  • "fullDate" กับ "EEEE, MMMM d, y" เหมือน (Tuesday, January 5, 2016)
  • "shortTime" กับ "h:mm a" เหมือน (9:05 AM)
  • "mediumTime" กับ "h:mm:ss a" เหมือน (9:05:05 AM)
timezone ใช้สำหรับรูปแบบช่วงเวลาสำหรับการจัดรูปแบบวันที่