Datepicker 日期验证

Question

有没有办法验证从 Datepicker 选择的日期，如果在选择日期后用户删除它的一半，例如选择日期：2013 年 12 月 20 日，并且用户手动从输入框中删除 2013，然后单击保存动作。

现在，当我尝试在服务器端调试和捕获自定义解析异常时，我从 bean 获得的值已经为 null。

你能给我一些关于如何在角度控制器本身上解析这个日期的想法吗？

Answer 1

您必须编写自定义验证指令：Fiddle

以下指令采用输入字段中设置的日期字符串。如果您的日期选择器使用其他方法，则必须稍微更改此指令。

myApp.directive('isDate', function () {
    return {
        require: 'ngModel',
        link: function (scope, elem, attr, ngModel) {
            function validate(value) {

                var d = Date.parse(value);

                // it is a date
                if (isNaN(d)) { // d.valueOf() could also work
                    ngModel.$setValidity('valid', false);
                } else {
                    ngModel.$setValidity('valid', true);
                }
            }

            scope.$watch(function () {
                return ngModel.$viewValue;
            }, validate);
        }
    };
});

HTML：

<form name="so">
    <input type="text" ng-model="date" is-date required/>
    <p ng-show="!so.$valid">Date is invalid!</p>
    <p ng-show="so.$valid">Date is valid!</p>
</form>