如何比較兩個日期有驗證功能

Question

嗨，我在一個項目中，我至今領域工作。

我需要驗證的同一領域。

1）應允許用戶選擇以前的日期或一年。 2）但不允許用戶選擇未來的日期。

我用下面的代碼，它僅用於本年度工作正常。 任何人都可以幫助我實現它。

$scope.$watch('date', function(val) { 
    var dateNewOnCreatessssss = $scope.convertedTimeToSend(new Date()); 
    console.log("dateNewOnCreatessssss", dateNewOnCreatessssss); 
    $scope.convertedTimeToSend = function(timestamp) { 
    var c = moment(timestamp).format("MM-DD-YYYY"); 
    return c; 
    }; 
    if (val) { 
    $scope.dateErrorMsg = false; 
    } 
    var dateNewOnCreatessssssll = $scope.convertedTimeToSend(val); 
    console.log("dateNewOnCreatessssssll", dateNewOnCreatessssssll); 
    if (dateNewOnCreatessssssll > dateNewOnCreatessssss) { 
    $scope.dateErrorMsgsssssss = true; 
    $scope.newReceiptSaveBtn = "true"; 
    } else { 
    $scope.dateErrorMsgsssssss = false; 
    $scope.newReceiptSaveBtn = "false"; 
    } 
}); 

Answer 1

好吧m8，你的代碼是一團糟。只要使用momentjs提供的所有好東西來使其工作。 Finaly這個功能看起來應該像這樣簡單的片斷：

$scope.$watch('date', function(val) { 
    if (val) { 

     //Init 
     var today = new moment(); 
     var selectedDate = new moment(val); 

     if(selectedDate.isBefore(today)){ 
      $scope.dateErrorMsg = false; 
      $scope.newReceiptSaveBtn = "false"; 

     } else { 
      $scope.dateErrorMsg = true; 
      $scope.newReceiptSaveBtn = "true"; 
     } 
    } 
}); 

---

雖然上面的例子中的重點是基於你的代碼的解決方案。它會好得多，營造一個純粹AngularJS處理像這樣的方法：

var myApp = angular.module('myApp',[]); 
 

 
myApp.controller('MyCtrl', function ($scope) { 
 

 
    //Init 
 
    $scope.date = new moment()._d; 
 
    $scope.error = false; 
 
    
 
    $scope.validateDate = function() { 
 
    
 
     //Init 
 
     var today = new moment(); 
 
     var selectedDate = new moment($scope.date); 
 
     
 
     if(selectedDate.isBefore(today)){ 
 
      $scope.error = false; 
 
     } else { 
 
      $scope.error = true; 
 
     } 
 
    } 
 
});

.error { 
 
    border:1px solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script> 
 

 
<div ng-app="myApp"> 
 
    <div ng-controller="MyCtrl"> 
 
    <input type="date" 
 
      ng-model="date" 
 
      ng-change="validateDate()" 
 
      ng-class="{ 'error': error }" /> 
 
    </div> 
 
</div>