Erlauben Sie dem Benutzer, nur das heutige Datum oder zukünftige Datum mit Angularjs ui bootstrap

Question

Ich benutze UI Bootstrap-Richtlinie ui-Datepicker. Ich möchte den Datepicker so einstellen, dass der Benutzer nur das heutige Datum oder das zukünftige Datum auswählen kann. Hier ist der HTML von Datepicker:

<div class="input-group"> 
           <input type="text" class="form-control" 
             uib-datepicker-popup="yyyy-MM-dd" 
             name="start_date" 
             ng-model="loan.start_date" 
             is-open="popup1.opened" 
             datepicker-options="dateOptions" 
             ng-required="true" 
             close-text="Close" 
             alt-input-formats="altInputFormats" 
           /> 
          <span class="input-group-btn"> 
          <button type="button" class="btn btn-default" ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button> 

Hier ist, was ich auf der JavaScript-Seite haben:

$scope.inlineOptions = { 
    customClass: getDayClass, 
    minDate: new Date(), 
    showWeeks: true 
}; 

$scope.dateOptions = { 
    dateDisabled: disabled, 
    formatYear: 'yy', 
    maxDate: new Date("2020-04-1"), 
    minDate: new Date() , 
    startingDay: 1 
}; 

Wie kann ich tun, um dies zu tun erreichen, Dank im Voraus.

Answer 1

Ihr Javascript sieht gut aus, aber Ihr Markup scheint etwas zu sein. Werfen Sie einen Blick auf diese plunker (modifiziert von Angular Original), es ist ein funktionierendes Beispiel.

$scope.dateOptions = { 
    dateDisabled: disabled, 
    formatYear: 'yy', 
    minDate: new Date(), 
    startingDay: 1 
    }; 


    <p class="input-group"> 
      <input type="text" class="form-control" uib-datepicker-popup ng-model="dt" is-open="popup2.opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" /> 
      <span class="input-group-btn"> 
      <button type="button" class="btn btn-default" ng-click="open2()"><i class="glyphicon glyphicon-calendar"></i></button> 
      </span> 
     </p>