2015-11-09 2 views
9

का उपयोग कर:दिनांक और समय समय क्षेत्र के प्रदर्शन के साथ AngularJS का उपयोग कर के साथ दिनांक & समय के साथ समय-क्षेत्र के बारे में जानकारी प्रदर्शित करने के लिए कैसे AngularJS

मैं का उपयोग कर दिनांक और समय प्रदर्शित करने के लिए कोशिश कर रहा हूँ नीचे परिभाषित बंधन:

{{डेटा .filterData.run_date | दिनांक: 'एच: एमएम ए'}} {{data.filterData.run_date | दिनांक: 'एम/डी/वाई'}}

भारत के लिए आईएसटी दिखाए जाने जैसा कुछ, अमेरिका के लिए सीएसटी और प्रत्येक अंतिम उपयोगकर्ता और रूपांतरण के लिए सही समय क्षेत्र।


अद्यतन


मैं प्रारूप नीचे में और UTC स्वरूप में डेटा हो रही है लेकिन है स्वतः रूपांतरित ग्राहकों मशीन द्वारा ब्राउज़र द्वारा: 2015-10-26T08: 46: 05+ 0000

हम उपरोक्त प्रारूप के अनुसार संक्षिप्त टाइमज़ोन कैसे दिखा सकते हैं या दिनांक और समय & विशेष रूप से यूटीसी में नहीं दिखा सकते हैं? क्योंकि मेरे पास अलग-अलग ग्राहक और अंतिम उपयोगकर्ता हैं; तो यह उपयोगकर्ता को अंत करने के लिए गतिशील होना चाहिए।

अग्रिम धन्यवाद!

+1

किया moment.js डीडिनोट आपकी समस्या की सेवा करता है क्योंकि मैंने इसे अपने प्रोजेक्ट में इस्तेमाल किया था जब मुझे इसी तरह की समस्या का सामना करना पड़ रहा था। –

उत्तर

7

लेकिन संस्करणों में 1.3.x केवल समर्थित समय क्षेत्र, यूटीसी है आप अगर तरह Moment js

{{उपयोगकर्ता निर्धारित तिथि 1.3.x के साथ काम कर बाहरी js उपयोग कर सकते हैं | दिनांक: 'एमएमएम डी, वाई एच: मिमी: एसएस': 'यूटीसी'}}

संस्करण 1.4.0-आरसी.0 कोणीयजेएस अन्य टाइमज़ोन का भी समर्थन करता है।

HTML टेम्प्लेट में बाइंडिंग

{{date_expression | तारीख: प्रारूप: समयक्षेत्र}}

जावास्क्रिप्ट

में

$ फिल्टर ('तारीख') (तिथि, स्वरूप, समय क्षेत्र)

More...

+0

क्षण प्रत्येक लोकेल जोड़ता है जो आपके अंतिम विक्रेता बंडल को अत्यधिक फूला कर सकता है। – Maritim

1

निम्नलिखित कोड का उपयोग :

<html> 
<head> 
<title>Localization App</title> 

</head> 
<body> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
<script type="text/javascript"> 
    var app=angular.module('myApp',[]); 
    app.controller('myCtrl',function($scope) 
    { 
     $scope.CurrentDate = new Date();  
    }); 
</script> 
<div ng-app="myApp" ng-controller="myCtrl"> 
    Date : {{CurrentDate | date:'dd/MM/yyyy'}} </br> 
    Date_1 : {{CurrentDate | date:'dd, MMMM yyyy'}} </br> 
    Time : {{CurrentDate | date: 'hh:mm:ss a'}} </br> 
    Time_1 : {{CurrentDate | date: 'HH:mm:ss Z'}} </br> 
</div> 

</body> 
</html> 

आउटपुट:

दिनांक: 13/12/2017
DATE_1: 13 दिसंबर 2017
समय: 10:33:42
TIME_1: 10:33:42 0530

संबंधित मुद्दे

 संबंधित मुद्दे