मैं AngularJS में दिनांक और समय को ठीक से कैसे प्रदर्शित करूँ?
नीचे दिए गए आउटपुट में इनपुट और आउटपुट दोनों को दिखाया गया है, साथ और बिना AngularJS डेट फ़िल्टर के:
In: {{v.Dt}}
AngularJS: {{v.Dt | date:'yyyy-MM-dd HH:mm:ss Z'}}यह प्रिंट:
In: 2012-10-16T17:57:28.556094Z
AngularJS: 2012-10-16T17:57:28.556094Zवांछित प्रदर्शन प्रारूप
2010-10-28 23:40:23 0400या है2010-10-28 23:40:23 EST
जवाबों:
v.Dt संभवतः दिनांक () ऑब्जेक्ट नहीं है।
Http://jsfiddle.net/southerd/xG2t8/ देखें
लेकिन आपके नियंत्रक में:
scope.v.Dt = Date.parse(scope.v.Dt);आपका कोड काम करना चाहिए क्योंकि आपके पास यह फिडल है ।
आपको यह सुनिश्चित करना होगा कि आपके काम करने के लिए यह v.Dtएक उचित दिनांक ऑब्जेक्ट है, हालांकि।
{{dt | date:'yyyy-MM-dd HH:mm:ss Z'}}या यदि dateFormat को गुंजाइश के रूप में परिभाषित किया जाता है तो DateFormat = 'yyyy-MM-dd HH: mm: ss Z':
{{dt | date:dateFormat }}Dateचर के लिए एक प्रकार का होना आवश्यक नहीं है । समय-चिह्न लंबे बहुत अच्छा काम करता है
मुझे पता है कि यह एक पुरानी वस्तु है, लेकिन मैंने सोचा था कि मैं विचार करने के लिए किसी अन्य विकल्प को फेंक दूंगा।
जैसा कि मूल स्ट्रिंग में "T" डेमोकार शामिल नहीं है, कोणीय में डिफ़ॉल्ट कार्यान्वयन इसे दिनांक के रूप में नहीं पहचानता है। आप इसे नई तिथि का उपयोग करने के लिए बाध्य कर सकते हैं, लेकिन यह एक सरणी पर थोड़ा सा दर्द है। चूँकि आप फ़िल्टर को एक साथ पाइप कर सकते हैं, आप अपने इनपुट को किसी दिनांक में परिवर्तित करने के लिए फ़िल्टर का उपयोग करने में सक्षम हो सकते हैं और फिर दिनांक लागू करें: परिवर्तित दिनांक पर फ़िल्टर करें। एक नया कस्टम फ़िल्टर इस प्रकार बनाएँ:
app
.filter("asDate", function () {
return function (input) {
return new Date(input);
}
});फिर अपने मार्कअप में, आप फ़िल्टर को एक साथ पाइप कर सकते हैं:
{{item.myDateTimeString | asDate | date:'shortDate'}}आप इस तरह 'दिनांक' फ़िल्टर प्राप्त कर सकते हैं:
var today = $filter('date')(new Date(),'yyyy-MM-dd HH:mm:ss Z');यह आपको आज की तारीख को आपके इच्छित प्रारूप में दे देगा।
यहाँ एक फ़िल्टर है जो एक तारीख स्ट्रिंग या जावास्क्रिप्ट तिथि () ऑब्जेक्ट लेगा। यह Moment.js का उपयोग करता है और किसी भी Moment.js के ट्रांसफ़ॉर्म फ़ंक्शन को लागू कर सकता है , जैसे कि लोकप्रिय 'fromNow'
angular.module('myModule').filter('moment', function () {
return function (input, momentFn /*, param1, param2, ...param n */) {
var args = Array.prototype.slice.call(arguments, 2),
momentObj = moment(input);
return momentObj[momentFn].apply(momentObj, args);
};
});इसलिए...
{{ anyDateObjectOrString | moment: 'format': 'MMM DD, YYYY' }}11 नवंबर 2014 को प्रदर्शित होगा
{{ anyDateObjectOrString | moment: 'fromNow' }}10 मिनट पहले प्रदर्शित होगा
यदि आपको कई पल के कार्यों को कॉल करने की आवश्यकता है, तो आप उन्हें चेन कर सकते हैं। यह यूटीसी और फिर प्रारूप में परिवर्तित होता है ...
{{ someDate | moment: 'utc' | moment: 'format': 'MMM DD, YYYY' }}यहाँ कुछ लोकप्रिय उदाहरण हैं:
<div>{{myDate | date:'M/d/yyyy'}}</div> 2014/07/04
<div>{{myDate | date:'yyyy-MM-dd'}}</div> 2014-07-04
<div>{{myDate | date:'M/d/yyyy HH:mm:ss'}}</div> 7/4/2014 12:01:59
क्या आपने दस्तावेज़ के लेखन निर्देश (लघु संस्करण) अनुभाग देखा है ?
एचटीएमएल
<div ng-controller="Ctrl2">
Date format: <input ng-model="format"> <hr/>
Current time is: <span my-current-time="format"></span>
</div> जे एस
function Ctrl2($scope) {
$scope.format = 'M/d/yy h:mm:ss a';
}हम कोणीय में दृश्य पक्ष पर तारीख को प्रारूपित कर सकते हैं बहुत आसान है .... कृपया नीचे दिए गए उदाहरण की जांच करें:
{{dt | दिनांक: "dd-MM-yyyy"}}
आप momentjsएंगुलरज में डेट-टाइम फ़िल्टर लागू करने के लिए उपयोग कर सकते हैं । उदाहरण के लिए:
angular.module('myApp')
.filter('formatDateTime', function ($filter) {
return function (date, format) {
if (date) {
return moment(Number(date)).format(format || "DD/MM/YYYY h:mm A");
}
else
return "";
};
});जहां तारीख समय स्टाम्प प्रारूप में है।
$filterनियंत्रक में निर्भरता जोड़ें ।
var formatted_datetime = $filter('date')(variable_Containing_time,'yyyy-MM-dd HH:mm:ss Z')मैं आपको सुझाव दूंगा कि आप क्षणों का उपयोग करें। क्योंकि यह स्थानों के अनुसार दिनांक स्वरूपण के लिए एक अच्छा समर्थन मिला है।
एक फ़िल्टर बनाएं जो प्रारूपण तिथि के लिए आंतरिक रूप से क्षण.जैस पद्धति का उपयोग करता है।