Question

我是棱角分明的新手，我不知道如何使用日期。我有form name和date of birth。

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

我的代码段如下所示

    <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("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

在角度方面，虽然有ng-min的指令，但没有内置指令min。看看这里的文档。

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

使用HTML <input ng-model="contact.dob" min="{{minAge()}}">属性而不是ng-min。

您的代码应如下所示

ng-messages

至于错误消息，您应该查看justify-content。

出生日期使用角度

1 个答案: