My HTML Coding
<form name="myForm">
<div class="row">
<div class="col-md-2">
<input data-ng-model="Data.StartDate" type="text" id="startDate" name="startDate"
class="form-control" data-datepicker-popup="MM-dd-yyyy" data-datepicker-append-to-body="true"
data-is-open="popup.fromOpened" data-ng-click="fromOpen()" placeholder="Start Date" data-ng-required="true" />
</div>
<div class="col-md-2">
<input data-ng-model="Data.EndDate" type="text" id="endDate" name="endDate"
class="form-control" data-datepicker-popup="MM-dd-yyyy" data-datepicker-append-to-body="true"
data-is-open="popup.toOpened" data-ng-click="toOpen()" placeholder="End Date" data-ng-required="true" />
</div>
<div class="col-md-2">
<button data-ng-click="Search()" class="btn btn-info">Search</button>
</div>
</div>
<div class="row">
<span>Error list</span>
</div>
</form>
The Angular script provided is as follows.
$scope.$watch('Data.StartDate', validateDates);
$scope.$watch('Data.EndDate', validateDates);
function validateDates() {
// Some code to be written here for date validation
}
I am seeking assistance in implementing proper date validation on my webpage. Any guidance would be greatly appreciated. Thank you in advance