angularjs仅限日期输入

时间:2016-03-03 18:31:55

标签: javascript angularjs date

我正在尝试验证日期输入(dd / mm / yyy),然后如果不是日期,则不允许输入 - 例如字符串或任何其他

以下是我的代码但无法正常工作 - 意味着允许用户输入任何内容

angular.module('app')
.directive('onlyDates', function () {
    return {
        require: 'ngModel',
        restrict: 'A',
        link: function (scope, element, attr, ctrl) {
            function inputValue(val) {
                if (val) {
                    var reg = /^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/g;
                    var res = reg.test(val);
                    if (!res) {
                        ctrl.$setViewValue(val);
                        ctrl.$render();
                        return NaN;
                    }
                    return val;
                }
                return undefined;
            }
            ctrl.$parsers.push(inputValue);
        }
    };
});

1 个答案:

答案 0 :(得分:0)

您可以尝试使用ng-change和一些可以检查“输入内容”的功能,即输入的内容与您的模式匹配,如果没有,则删除输入的最后一个字符。

<input type="text" ng-model="txtValue" ng-change="TextBoxChangedCheck()">


$scope.TextBoxChangedCheck = function () {
            //// enter your text validation here
        };