एंगुलरजेएस dateफ़िल्टर
उदाहरण
संख्या को दिनांक स्वरूप के रूप में प्रदर्शित करें:
<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{
today |
date }}</p>
</div>
परिभाषा और उपयोग
फ़िल्टर किसी dateदिनांक को निर्दिष्ट प्रारूप में स्वरूपित करता है।
दिनांक एक दिनांक वस्तु, मिलीसेकंड या "2016-01-05T09:05:05.035Z" जैसी डेटाटाइम स्ट्रिंग हो सकती है
डिफ़ॉल्ट रूप से, प्रारूप "MMM d, y" (5 जनवरी, 2016) है।
वाक्य - विन्यास
{{ date | date : format :
timezone }}
पैरामीटर मान
| Value | Description |
|---|---|
| format | Optional. The date format to display the date in, which can be one or
more of the following:"yyyy" year (2016)"yy"
year (16)"y" year (2016)"MMMM" month
(January)"MMM" month (Jan)"MM" month (01)"M" month (1)"dd" day (06) "d"
day (6)"EEEE" day (Tuesday)"EEE" day (Tue)"HH" hour, 00-23 (09)"H" hour 0-23 (9)"hh" hour in AM/PM, 00-12 (09)"h" hour in
AM/PM, 0-12 (9)"mm" minute (05)"m" minute
(5)"ss" second (05)"s" second (5)"sss" millisecond (035)"a" (AM/PM)
"Z" timezone (from -1200 to +1200)"ww" week (00-53)"w" week (0-53)"G" era (AD)"GG"
era (AD)"GGG" era (AD)"GGGG" era (Anno
Domini)The format value can also be one of the following predefined formats: "short" same as "M/d/yy h:mm a" (1/5/16 9:05 AM)"medium" same as "MMM d, y h:mm:ss a" (Jan 5, 2016 9:05:05 AM)"shortDate" same as "M/d/yy" (1/5/16)"mediumDate" same as "MMM d, y" (Jan
5, 2016)"longDate" same as "MMMM d, y" (January
5, 2016)"fullDate" same as "EEEE, MMMM d, y" (Tuesday, January
5, 2016)"shortTime" same as "h:mm a" (9:05 AM)"mediumTime" same as "h:mm:ss a" (9:05:05 AM)
|
| timezone | Optional. The timezone used to format the date. |
और ज्यादा उदाहरण
उदाहरण
एक कस्टम प्रारूप में एक तिथि प्रदर्शित करें:
<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{
today |
date : "dd.MM.y" }}</p>
</div>
उदाहरण
पूर्वनिर्धारित प्रारूप का उपयोग करके दिनांक प्रदर्शित करें:
<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{
today |
date : "fullDate" }}</p>
</div>
उदाहरण
टेक्स्ट का दिनांक संयोजन और पूर्वनिर्धारित प्रारूप प्रदर्शित करें:
<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date : "'today is ' MMMM d, y" }}</p>
</div>
उदाहरण
डेटाटाइम स्ट्रिंग के रूप में दिनांक:
<div ng-app="">
<p>Date = {{ "2016-01-05T09:05:05.035Z" | date }}</p>
</div>
संबंधित पृष्ठ
एंगुलरजेएस ट्यूटोरियल: एंगुलर फिल्टर्स