在Angular Material datepicker中本地化日期值
我正在使用Angular Material日期选择器。我的问题是,当我将日期发送到Web Api控制器时,我得到的日期小于在表单中选择的日期。我认为这是由于日期值未本地化的缘故。我想知道的是如何在角度js
I'm working with Angular Material date picker. My problem is that when I send a date to the Web Api controller, I get a date less than the date I have selected in my form. I think this is due to the fact that the date value is not being localized. What I want to know is that how to localize the date in angular js
HTML:
<div ng-controller="AppCtrl" style='padding: 40px;' ng-cloak>
<md-content>
<h4>Standard date-picker</h4>
<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker>
</md-content>
</div>
控制器:
angular.module('datepickerBasicUsage',
['ngMaterial', 'ngMessages']).controller('AppCtrl', function($scope) {
$scope.myDate = new Date();
$scope.minDate = new Date(
$scope.myDate.getFullYear(),
$scope.myDate.getMonth() - 2,
$scope.myDate.getDate());
$scope.maxDate = new Date(
$scope.myDate.getFullYear(),
$scope.myDate.getMonth() + 2,
$scope.myDate.getDate());
$scope.onlyWeekendsPredicate = function(date) {
var day = date.getDay();
return day === 0 || day === 6;
}
});
要在所有浏览器中获得一致的结果,最好使用 moment.js
To get consistent result across browsers , its best to use moment.js
否则,您也可以使用 toLocaleString()。
最后,您还可以编写自己的服务,该服务将获得UTC时间并根据用户区域设置应用必要的偏移量。
Lastly you can also write your own service which will get UTC time and apply necessary offsets based on the user locale.