У меня есть дата в формате UTC в миллисекундах, которую я передаю фильтру даты Angular для человеческого форматирования.
{{someDate | date:'d MMMM yyyy'}}
Замечательно, за исключением того, что someDate находится в формате UTC, а фильтр даты считает, что это местное время.
Как я могу сказать Angular, что someDate - это UTC?
Спасибо.
Аналогичный вопрос здесь
Я перепубликую свой ответ и предложу слияние:
Выходное UTC кажется предметом некоторой путаницы - люди, похоже, тянутся к moment.js.
Заимствуя этот ответ, вы мог бы сделать что-то вроде этого (т.е. использовать функцию преобразования, которая создает дату с конструктором UTC) без moment.js:
контроллер
var app1 = angular.module('app1',[]);
app1.controller('ctrl',['$scope',function($scope){
var toUTCDate = function(date){
var _utc = new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());
return _utc;
};
var millisToUTCDate = function(millis){
return toUTCDate(new Date(millis));
};
$scope.toUTCDate = toUTCDate;
$scope.millisToUTCDate = millisToUTCDate;
}]);
шаблон
<html ng-app="app1">
<head>
<script data-require="angular.js@*" data-semver="1.2.12" src="http://code.angularjs.org/1.2.12/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<div ng-controller="ctrl">
<div>
utc {{millisToUTCDate(1400167800) | date:'dd-M-yyyy H:mm'}}
</div>
<div>
local {{1400167800 | date:'dd-M-yyyy H:mm'}}
</div>
</div>
</body>
</html>
вот плункер, чтобы поиграть с ним
Также обратите внимание, что с помощью этого метода, если вы используете 'Z' из фильтра даты Angular, кажется, что он все равно будет печатать смещение вашего местного часового пояса.
Похоже, что ребята из AngularJS работают над версией 1.3.0. Все, что вам нужно сделать, это добавить : 'UTC' после строки формата. Что-то типа:
{{someDate | date:'d MMMM yyyy' : 'UTC'}}
Как видно из документации, вы также можете играть здесь: пример Plunker
Кстати, я думаю, что есть ошибка с параметром Z, поскольку он все еще показывает местный часовой пояс даже с 'UTC'.
Вот фильтр, который будет принимать строку даты ИЛИ объект Date () javascript. Он использует 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);
};
});
So...
{{ anyDateObjectOrString | moment: 'format': 'MMM DD, YYYY' }}
отобразится 11 ноября 2014 г.
{{ anyDateObjectOrString | moment: 'fromNow' }}
будет отображаться 10 минут назад
Если вам нужно вызвать несколько мгновенных функций, вы можете связать их в цепочку. Это преобразуется в UTC, а затем форматирует ...
{{ someDate | moment: 'utc' | moment: 'format': 'MMM DD, YYYY' }}
В репозитории angular.js https://github.com/angular/angular.js/issues/6546#issuecomment-36721868.
Усовершенствованная версия решения ossek
Пользовательский фильтр более уместен, тогда вы можете использовать его в любом месте проекта.
файл js
var myApp = angular.module('myApp',[]);
myApp.filter('utcdate', ['$filter','$locale', function($filter, $locale){
return function (input, format) {
if (!angular.isDefined(format)) {
format = $locale['DATETIME_FORMATS']['medium'];
}
var date = new Date(input);
var d = new Date()
var _utc = new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());
return $filter('date')(_utc, format)
};
}]);
в шаблоне
<p>This will convert UTC time to local time<p>
<span>{{dateTimeInUTC | utcdate :'MMM d, y h:mm:ss a'}}</span>
input включала строку UTC в конце.
- person Jörn Berkefeld; 06.05.2016
$locale['DATETIME_FORMATS']['medium'] вместо фиксированного резервного формата? таким образом вы используете собственную локализацию angular. Ваш формат ужасно похож на формат en_US, что очень редко встречается в других странах мира.
- person Jörn Berkefeld; 13.05.2016
Если вы используете moment.js, вы должны использовать функцию moment (). Utc () для преобразования объекта момента в UTC. Вы также можете обрабатывать красивый формат внутри контроллера вместо представления, используя функцию moment (). Format (). Например:
moment(myDate).utc().format('MM/DD/YYYY')
moment().utc(myDate).format('MM/DD/YYYY')
- person nir; 07.06.2016
После некоторых исследований я смог найти хорошее решение для преобразования UTC в местное время, взгляните на скрипку. Надеюсь, это поможет
https://jsfiddle.net/way2ajay19/2kramzng/20/
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app ng-controller="MyCtrl">
{{date | date:'yyyy-mm-dd hh:mm:ss' }}
</div>
<script>
function MyCtrl($scope) {
$scope.d = "2017-07-21 19:47:00";
$scope.d = $scope.d.replace(" ", 'T') + 'Z';
$scope.date = new Date($scope.d);
}
</script>
У вас также есть возможность написать собственный фильтр для вашей даты, который будет отображать ее в формате UTC. Обратите внимание, что я использовал toUTCString().
var app = angular.module('myApp', []);
app.controller('dateCtrl', function($scope) {
$scope.today = new Date();
});
app.filter('utcDate', function() {
return function(input) {
return input.toUTCString();
};
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<div ng-app="myApp" ng-controller="dateCtrl">
Today is {{today | utcDate}}
</div>Могло ли это сработать, объявив фильтр следующим образом?
app.filter('dateUTC', function ($filter) {
return function (input, format) {
if (!angular.isDefined(format)) {
format = 'dd/MM/yyyy';
}
var date = new Date(input);
return $filter('date')(date.toISOString().slice(0, 23), format);
};
});
Если вы работаете в .Net, добавьте следующее в web.config внутри
<system.web>
решит вашу проблему:
<globalization culture="auto:en-US" uiCulture="auto:en-US" />
