angularjs 中的日期输入有些奇怪

Something strange with date input in angularjs

本文关键字：输入 日期 angularjs      更新时间：2023-09-26

当输入值更改且值为 null 或未定义时，我正在尝试将默认日期设置为日期输入中的最大日期。首先我选择今天作为值，这是正常的。然后我清除了日期（单击类似"x"的分叉），值变为默认值（"1970-01-01"）。然后我再次选择今天作为值，在我的js代码中检查值是未定义的，所以该值被设置为默认值（'1970-01-01'）。不知道为什么不能选择今天作为值，怎么回事？我在铬浏览器中进行了测试。

网页代码：

<!doctype html>
<html ng-app="app">
<head>
<script src="angular/angular.min.js"></script>
</head>
<body>
      <div ng-controller="MainCtrl">
          <input type="date" max="{{today}}" ng-model="myDate.date" ng-change="change()">
      </div>
<script src="app.js"></script>
</body>
</html>

JS代码：

var app = angular.module('app', []);
app.controller('MainCtrl', ['$scope', function ($scope) {
    $scope.myDate = {
    date:null
}
$scope.today = '2016-03-14';
$scope.change = function(){
    if(!$scope.myDate.date){
        $scope.myDate.date = new Date('1970-01-01');
    }
}
}]);

参考图片
http://plnkr.co/edit/UKtn8FbvsczbFtn44Vuq?p=preview

首先，我不建议使用Chrome的内置日期选择器，因为使用您的方法会使输入框在FF中完全无法使用。

关于您的问题：

这就是选择2016-03-14作为输入时输出日期的样子：2016-03-13T23:00:00.000Z（偏移是由于我假设的时区）。

现在让我们按"x"重置输入框：1970-01-01T00:00:00.000Z 。

如果我现在尝试再次选择2016-03-14它将不起作用，它默认回到 1970-01-01 ，因为日期加上我的时区现在超过了max允许的输入值。

将时区添加到new Date('1970-01-01')应该可以解决问题（使用new Date('1970-01-01T23:00:00.000Z')对我有用并允许我选择2016-03-14）。

相关文章：