Angular: Empty Fiddle

http://angularjs.org/

by Chandana Thota

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  <label for="endDate" class="control-label">Start Date:</label>
<div>
    <input type="date" class="form-control" 
           id="startDate" ng-model="startDate" />
</div>

<label for="text" class="control-label">End Date:</label>
<div>
    <input type="date" class="form-control" 
           id="endDate" ng-model="endDate" 
            ng-change='checkErr(startDate,endDate)' />

</div>

<span>{{errMessage}}</span>
</div>

JavaScript

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

function MyCtrl($scope) {
    $scope.checkErr = function(startDate,endDate) {
        $scope.errMessage = '';
        var curDate = new Date();
        
        if(new Date(startDate) > new Date(endDate)){
          $scope.errMessage = 'End Date should be greate than start date';
          return false;
        }
        if(new Date(startDate) < curDate){
           $scope.errMessage = 'Start date should not be before today.';
           return false;
        }
    };
    
}