结束日期不应该大于开始日期？

-3

我想结束日期不应该大于开始日期。例如：开始日期是24/4/2017和结束日期是23/4/2017在这种情况下，它不应该允许搜索它应该禁用日历日期23/4/2017。只有结束日期24/4/2017起它应该能够结束日期不应该大于开始日期？

//这是代码控制器

$scope.formats = ['dd/MM/yyyy', 'dd-mm-yyyy', 'yyyy/mm/dd', 'shortDate']; 
$scope.format = $scope.formats[0]; 
$scope.dateOptions = { 
    datepickerMode: "'year'", 
    startingDay: 1 
}; 
$scope.max_date = new Date(); 


//HTML code 
<div class="col-sm-6 col-md-6 col-lg-6" style="padding-left: 5px;"> 
    <p class="input-group margin_zero calGroup"> 
     From<input type="text" class="form-control" name="dob" uib- datepicker-popup="{{format}}" ng-model="ordersearch.startDateFrom" 
is-open="opened" ng-click="open()" datepicker-options="dateOptions" close-text="Close" max-date="{{max_date}}" required/> 
     <span class="input-group-btn newCalIcon"> 
      <button type="button" class="btn btn-default calendarIcon" ng-click="open()" > 
       <i class="glyphicon glyphicon-calendar"></i> 
      </button> 
     </span> 
    </p> 
</div> 
<div class="col-sm-6 col-md-6 col-lg-6 col-xs-6" style="padding-left: 5px;"> 
    <p class="input-group margin_zero calGroup"> 
     To<input type="text" class="form-control" name="dob" uib-datepicker-popup="{{format}}" ng-model="ordersearch.startDateTo" is-open="opened1" ng-click="open1()" datepicker-options="dateOptions" close-text="Close" max-date="{{max_date}}" min-date="{{min_date}}"/> 
     <span class="input-group-btn newCalIcon"> 
      <button type="button" class="btn btn-default calendarIcon" ng-click="open1()" > 
       <i class="glyphicon glyphicon-calendar"></i> 
      </button> 
     </span> 
    </p> 
</div>

这是代码。我需要验证结束日期

来源

2017-04-25 Kavya Shrinidhi

请格式化您的代码。这是不可读的。 – Mistalis

您应该使用max-date和min-date由bootstrap datepicker提供的指令。

<input type="text" readonly="" uib-datepicker-popup="dd-MM-yyyy" min-date="minEndDate" max-date="maxEndDate" ng-model=""placeholder="DD-MM-YYYY"></input>

您可以从您$scope绑定任何日期这些字段和日历后，并将它们分别前自动限制日期。例如：

$scope.minDate = new Date(); //this restrict any older date from today 
$scope.maxDate = new Date (someFutureDateObject);

编辑：如果你不关心最大日期，你可以跳过它。它不是强制性的有最大日期。

希望这会有帮助

来源

2017-04-25 08:31:23

请详细说明@saurabh –

'max-date'和'min-date'是'uib-datepicker-popup'指令带来的两个属性。这两个属性告诉指令什么是日历中显示的最小和最大日期。 –

（someFutureDateObject）是什么意思？ –

结束日期不应该大于开始日期？

回答

相关问题