javascript - AngularJS:mdDatepicker 休息一天

Question

我正在使用 Angularjs Material datepicker扩展名

这是一个简单的用法示例:

<md-datepicker ng-model="$ctrl.date"></md-datepicker>

在我的应用配置中:

$mdDateLocaleProvider.formatDate = function (date) {
  if (!date) {
    return '';
  }
  return moment(date).format('YYYY-MM-DD');
};

这是我面临的一个问题 - 当通过日历选择日期时它返回正确的值，但是当我输入一个确切的日期时，例如2012-12-12 它给了我一天的假期值(value)2012 年 12 月 11 日星期二 00:00:00 GMT-0500(美国东部时间)

附言这是一个 Codeopen我发现有这样的问题

Answer 1

这是 javascript 中的已知错误例子:new Date ('2012/03/21'); --> Wed Mar 21 2012 00:00:00 GMT-0400(东部夏令时)

new Date ('2012-03-21'); --> 2012 年 3 月 20 日星期二 20:00:00 GMT-0400(东部夏令时)

我能给你的最好建议是将 - 更改为 /

试试这个

HTML

<div ng-app="MyApp" ng-controller="AppCtrl">
  <md-content>
    <md-datepicker ng-model="myDate" md-placeholder="Enter date" ng-change="change(myDate)"></md-datepicker>
  </md-content>
</div>

JS

angular.module('MyApp')
    .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()); 
console.log($scope.myDate.toLocaleDateString(), $scope.myDate.toUTCString());

       $scope.change = function(data) { 
        console.log($scope.myDate.toLocaleDateString());
        console.log( $scope.myDate.toUTCString());     
      }

})


.config(function($mdDateLocaleProvider) {
  $mdDateLocaleProvider.formatDate = function(date) {
    return moment(date).format('YYYY/MM/DD');
  };
});