如何清除模糊处的无效日期字段？ （AngularJS）

Question

假设我有一个<input>字段和type='date'属性。未触及时，显示日期为mm/dd/yyyy。有没有什么办法，使用AngularJS的ng-blur指令来清除字段回到这种状态，当用户输入输入，说03/21/2016，删除其中一个领域（即03/dd/2016），然后点击外部（'模糊'）的领域？

Answer 1

NG-模糊，

在HTML

<input type="date" ng-model="date" ng-blur="blured()" /> 

在你的控制器

$scope.blured = function() 
{ 
    // check the date 
    // if invalid 
    $scope.date = null; 
} 

还看到：

https://docs.angularjs.org/api/ng/directive/ngBlur

Answer 2

在HTML

<input type="date" ng-model="date" ng-blur="blured(date,$event)" /> 

在您的JS

$scope.blured= function (inputdate, e) { 
      if (!e.ctrlKey && !e.metaKey && (e.keyCode == 32 || e.keyCode > 46)) 
       doFormat(e.target); 
      if (e.target.value.length == 10) { 
       $scope.IsValidDate(1, e.target.value); 
      } 
     } 

     //id is used to check which date control 
     //method is used to validate entered date in MM/dd/yyyy format 
     $scope.IsValidDate = function (id, dateValue) { 
      var formats = ['MM/DD/YYYY'] 
      if (!moment(dateValue, formats).isValid()) { 
       if (id == 1) { 
        $scope.date = null; 
       } 
      } 
     } 

希望这对你的工作，它为我工作。