以angularJS MM / DD / YYYY格式验证日期

时间:2017-03-11 18:01:26

标签: angularjs validation date

  

我需要一个自定义指令/其他方式,它验证日期格式(MM / DD / YYYY)。请帮忙。

    <body ng-app="dateInputExample">
    <script>
       angular.module('dateInputExample', [])
         .controller('DateController', ['$scope', function($scope) {

         }]);
    </script>
    <form name="myForm" ng-controller="DateController as dateCtrl">
       <label for="exampleInput">Enter Date:</label>
       <input type="date" id="exampleInput" name="input" ng-model="example.value" required />
       <div role="alert">
         <!-- for error display -->
         <span class="error" ng-show="myForm.input.$error.required">
             Required!</span>
         <span class="error" ng-show="myForm.input.$error.date">
             Not a valid date!</span>
        </div>
    </form>
    </body>

Plunker Link

1 个答案:

答案 0 :(得分:-1)

强制执行显示日期值的格式既不可行也不明智。由于用户区域设置,日期格式已设置,因此用户始终以他/她习惯的格式查看日期。

因此,您不应尝试使用您自己的首选格式覆盖它。