本地化 Angular Material 日期选择器中的日期值

我正在使用 Angular Material 日期选择器。我的问题是，当我向 Web Api 控制器发送日期时，我得到的日期小于我在表单中选择的日期。我认为这是因为日期值没有本地化。我想知道的是如何localize the date in 角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 http://momentjs.com/

否则您也可以使用toLocaleString() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString .

最后，您还可以编写自己的服务，该服务将获取 UTC 时间并根据用户区域设置应用必要的偏移量。