comparing two dates.If end date is less than start date we have to show a
error message ,disable start now button and when we do changes in end
date.Hide the error message and enable the start now button
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
HTML:
<form id="dateForm" name="dateRangeForm">
<div class="form-group">
<label><translate>SPSDAL_CONSOLE.START_NOW.START_DATE</translate></label>
<input type="date" ng-model="startDate"
placeholder="yyyy-MM-dd" id="txtStartDate" min="1970-01-01" required>
</div>
<div class="form-group">
<label><translate>SPSDAL_CONSOLE.START_NOW.END_DATE</translate></label>
<input type="date" ng-model="endDate"
placeholder="yyyy-MM-dd" id="txtEndDate" min="1970-01-01" required>
</div>
<!-- <div ng-if="dateRangeForm.$valid && isValid">
<span class="error" ng-show="dateRangeForm.$valid &&
isValid "><translate>message1</translate></span>
</div> -->
<div ng-if="!dateRangeForm.$valid && isValid">
<span class="error" ng-show="!dateRangeForm.$valid &&
isValid"><translate>message2</translate></span>
</div>
<div ng-if="dateRangeForm.$valid && !isValid">
<span class="error" ng-show="dateRangeForm.$valid &&
!isValid"><translate>message3</translate></span>
</div>
<div ng-if="!dateRangeForm.$valid && !isValid">
<span class="error" ng-show="!dateRangeForm.$valid &&
!isValid"><translate>message4</translate></span>
</div>
<!-- <div ng-if="!isValid">
<span class="date-error"
ng-show="!isValid"><translate>message5</translate></span>
</div> -->
</form>
</div>
JS:
$scope.startnow = function(taskData) {
logger.info("Start Now (" + taskData.uid + ")");
var uibModalInstance = $uibModal.open({
templateUrl:
'/addons/spsdal/widgets/spsdal-workflow-console/spsdal-workflow-console-start-now.html',
controller: ['$scope', '$uibModalInstance',
function(scope, $uibModalInstance) {
scope.isDateRange = false;
scope.isValid = true;
scope.startDate = new Date();
scope.endDate = new Date();
$(function(){
var dtToday = new Date();
var month = dtToday.getMonth() + 1;
var day = dtToday.getDate();
var year = dtToday.getFullYear();
if(month < 10)
month = '0' + month.toString();
if(day < 10)
day = '0' + day.toString();
var maxDate = year + '-' + month + '-' + day;
// alert(maxDate);
$('#txtStartDate').attr('max', maxDate);
$('#txtEndDate').attr('max', maxDate);
});
// var checkDateValidity = function(startDate,
endDate){
// if(startDate>endDate) {
// scope.isValid = false;
// } else {
// scope.isValid = true;
// }
// }
scope.ok = function() {
//In case of error,
if(Date.parse(scope.startDate)>Date.parse(scope.endDate)){
scope.isValid=false;
}else{
$uibModalInstance.close();
startNow(taskData, scope.isDateRange,
Date.parse(scope.startDate), Date.parse(scope.endDate));
}
};
scope.cancel = function() {
$uibModalInstance.dismiss('cancel');
};
}],
resolve: {}
});
