2015-11-09 19 views
9

Jak wyświetlić informację czasową wraz z datą & razem używając angularjs:Data i godzina z wyświetlaczem Timezone użyciu angularjs

Próbuję wyświetlania daty i godziny za pomocą wiązania określonych poniżej:

{{dane .filterData.run_date | date: 'h: mm a'}} na {{data.filterData.run_date | date: 'M/d/rr'}}

Coś jak wyżej pokazujące IST dla Indii, CST dla USA i poprawne strefy czasowe dla każdego użytkownika końcowego i konwersję.


UPDATE


jestem coraz danych w formacie poniżej w formacie UTC, ale jest automatycznie przekształcane przez przeglądarkę maszynowo Klienci: 2015-10-26T08: 46: 05+ 0000

Jak wyświetlić skróconą strefę czasową zgodnie z powyższym formatem lub przekonwertowaną datą i godziną & konkretnie w UTC? Ponieważ mam różnych klientów i użytkowników końcowych; więc powinno to być dynamiczne dla użytkownika końcowego.

Z góry dzięki!

+1

Czy moment.js didinot służyły Twojemu problemowi, ponieważ użyłem tego w moim projekcie, gdy stawiałem czoła podobnemu problemowi. –

Odpowiedz

7

Ale w wersji 1.3.x jest obsługiwana tylko czasowa UTC, można użyć js zewnętrznych, jeśli pracuje z 1.3.x jak Moment js

{{definiowane przez użytkownika daty | Termin: 'd MMM Y G: MM: SS': 'UTC'}}

Ponieważ angularjs wersja 1.4.0-rc.0 obsługuje również innych stref czasowych.

W HTML Template Oprawa

{{date_expression | Data: Format: strefa czasowa}}

W JavaScript

$ filtr ('data') (data, format, strefa czasowa)

More...

+0

Moment dodaje wszystkie ustawienia regionalne, które mogą sprawić, że pakiet ostatecznego dostawcy będzie wyjątkowo rozdęty. – Maritim

1

użyć następującego kodu :

<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> 

wyjściowa:

Data: 13/12/2017
DATE_1: 13, grudzień 2017
Czas: 10:33:42
czas 1: 10:33:42 +0530