javascript - 使用 Angular 检查出生日期

Question

我是 Angular 新手，不知道如何使用日期。我有一个表单，其中包含姓名和出生日期。

在提交之前，我想检查此人是否年满 18 岁，并在提交表单之前显示错误消息。但除非提交，否则我无权访问 form 中的 dob 变量。在我的代码中，我只能在 addContact() 内访问 $scope.contact.dob(在提交日期之后)。在提交表单之前如何验证出生日期？

我的代码片段如下所示

    <form>
        <input ng-model="contact.name">
        <input ng-model="contact.dob" ng-min="minAge()">
        <p  ng-show="userForm.birthday.$error.min">Mustatleast 18.</p>
        <button ng-click=addContact()></button>
    </form>

我的 Controller :

    .controller("myctrl", function($scope){
        $scope.addContact = fucntion(){
            console.log($scope.contact)
            $scope.contact.dob
        }
        $scope.minAge = function () {
            var current = new Date();
            var minYear = current.getFullYear() - 100;
            var min = new Date(minYear,current.getMonth(),current.getDate()).toISOString();
            return min;
        };

    })

Answer 1

在 Angular 中，虽然有 ng-minlength 指令，但没有内置指令 ng-min。请查看此处的文档。

https://docs.angularjs.org/api/ng/input/input%5Bnumber%5D

使用 HTML min 属性代替 ng-min。

你的代码应该是这样的

<input ng-model="contact.dob" min="{{minAge()}}">

至于错误消息，你应该看看ng-messages。