Я использую директиву angularjs bootstrap datepicker, и когда я устанавливаю дату из модели, она выбирает день до выбранной даты.
<button type="button" class="btn btn-sm btn-default" ng-click="dt = '2014-09-24'">2014-09-24</button>
Вот набросок с этой проблемой.
Есть ли решение?
Это связано с тем, как JS изначально обрабатывает даты. Команда AngularUI упоминает об этом в документации.
Вот одно из решений: Angular-UI One day is вычитается из даты в ui-date
Для тех, кому нужно решение в мире .NET Web Api, эта строка хорошо сработала для меня:
GlobalConfiguration.Configuration.Formatters.JsonFormatter.SerializerSettings.DateTimeZoneHandling = Newtonsoft.Json.DateTimeZoneHandling.Local;
Это произошло из-за того, что JsonFormatter выдал время в неправильном часовом поясе.
мое решение состоит в том, чтобы использовать директиву для исправления проблемы минус 1, а также для форматирования значений представления и модели:
app.directive('ngBootstrapFix',['$filter', function($filter) {
return {
require: 'ngModel',
priority: 1,
link: function($scope, $element, $attrs, ngModelCtrl) {
ngModelCtrl.$parsers.push(function(viewValue) {
viewValue = $filter('date')(viewValue, 'yyyy-MM-dd');
return viewValue;
});
ngModelCtrl.$render = function() {
var val = $filter('date')(ngModelCtrl.$viewValue, 'dd/MM/yyyy');
$element.val(val);
};
}
};
}]);
Я только что инициализировал ngModel с помощью new Date(), и после этого дата была установлена правильно, даже после того, как я изменил ее с помощью средства выбора даты!
