javascript - AngularJS ngRequired ngDisabled 不起作用

Question

当我使用 type="date" 设置输入值时，AngularJS 将不知道元素是否具有值。下面是我的示例代码。

<script src="angular.min.js"></script>
<div name="mainForm" ng-app="appTesting" ng-controller="ctrlTesting" ng-form>
    <input type="date" ng-model="dateField" name="dateField" id="dateField" required />
    <button ng-disabled="mainForm.dateField.$error.required">A disabled button</button>
    <button ng-click="setValue()">Set Value</button>
</div>
<script>
angular.module("appTesting", []).controller("ctrlTesting", function($scope, $filter) {
    $scope.setValue = function() {
        $scope.dateField = $filter('date')(new Date(), 'yyyy-MM-dd');
        document.getElementById('dateField').value = $filter('date')(new Date(), 'yyyy-MM-dd');
    };
});
</script>

为输入字段设置值后，禁用按钮仍保持禁用状态。

有没有办法手动将$error.required设置为true？或者，有没有办法在设置值后手动触发 ng-disabled 检查？

Answer 1

相关于Error: [ngModel:datefmt] Expected `2015-05-29T19:06:16.693209Z` to be a date - Angular

您的 ngModel 范围变量不是有效的 Date 对象。

只需在 setValue 函数之前初始化 dateField 变量即可。

$scope.dateField = new Date();