فیلتر تاریخ AngularJS

دستورالعمل‌های مرجع AngularJS

تعریف و استفاده

تاریخ این فیلتر تاریخ را به فرمت مشخص شده‌ای تبدیل می‌کند.

تاریخ می‌تواند یک شیء تاریخ، تعداد میلی‌ثانیه یا یک رشته تاریخ و زمان باشد، مانند "2016-01-05T09:05:05.035Z".

به صورت پیش‌فرض، فرمت به صورت "MMM d, y" (Jan 5, 2016) است.

صفحات مرتبط

آموزش AngularJS:فیلترهای Angular

مثال

مثال 1

عدد را به فرمت تاریخ نمایش دهید:

<div ng-app="myApp" ng-controller="datCtrl">
<p>تاریخ = {{ امروز | تاریخ }}</p>
</div>

تست شخصی

مثال 2

تاریخ را با فرمت سفارشی نمایش دهید:

<div ng-app="myApp" ng-controller="datCtrl">
<p>تاریخ = {{ today | تاریخ : "dd.MM.y" }}</p>
</div>

تست شخصی

مثال 3

تاریخ را با استفاده از فرمت‌های پیش‌تعریف شده نمایش دهید:

<div ng-app="myApp" ng-controller="datCtrl">
<p>تاریخ = {{ today | تاریخ : "fullDate" }}</p>
</div>

تست شخصی

مثال 4

ترکیب متن و فرمت‌های پیش‌تعریف شده تاریخ را نمایش دهید:

<div ng-app="myApp" ng-controller="datCtrl">
<p>تاریخ = {{ today | تاریخ : "'امروز ' MMMM d, y" }}</p>
</div>

تست شخصی

مثال 5

تاریخ را به عنوان رشته تاریخ و زمان قرار دهید:

<div ng-app="">
<p>تاریخ = {{ "2016-01-05T09:05:05.035Z" | تاریخ }}</p>
</div>

تست شخصی

نحوه

{{ تاریخ | تاریخ : فرمت : همان (9:05:05 AM) }}

پارامتر

پارامتر توضیح
فرمت

اختیاری. برای نمایش فرمت تاریخ، می‌تواند یکی از موارد زیر باشد:

  • "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)

قیمت‌گذاری می‌تواند یکی از فرمت‌های پیش‌تعریف شده زیر باشد:

  • "کوتاه" "mediumTime" "M/d/yy h:mm a" همان (1/5/16 9:05 صبح)
  • "medium" "mediumTime" "MMM d, y h:mm:ss a" "medium"
  • "MMM d, y h:mm:ss a" "mediumTime" همان (Jan 5, 2016 9:05:05 AM) "M/d/yy"
  • همان (1/5/16) "mediumTime" "mediumDate" "MMM d, y"
  • همان (Jan 5, 2016) "mediumTime" "longDate" "MMMM d, y"
  • همان (January 5, 2016) "mediumTime" "fullDate" "EEEE, MMMM d, y"
  • همان (Tuesday, January 5, 2016) "mediumTime" "shortTime" "h:mm a"
  • همان (9:05 AM) "mediumTime" با "h:mm:ss a"
همان (9:05:05 AM) timezone

دستورالعمل‌های مرجع AngularJS