終了日は開始日より長くしないでください。

Question

私は、終了日が開始日より大きくてはなりません。例：開始日は2011年24月24日で終了日は2014年3月23日です。このようなシナリオでは、検索を許可しないでください。終了日だけ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> 

にコードされています。終了日を確認する必要があります

Answer 1

ブートストラップdatepickerによって提供されるmax-dateおよびmin-date指示を使用する必要があります。

<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); 

編集：最大日付について心配していない場合は、それをスキップできます。最大の日付を持つことは必須ではありません。

希望します。