2016-04-21 6 views
0

Gibt es eine einfache Möglichkeit, die Übermittlungsschaltfläche deaktiviert zu lassen, selbst wenn datefrom größer als dateto ist? und es deaktiviert werden muss, bis Form gültig ist, mit gültigen Daten, DATEFROM muss kleiner sein als DATETOFormularüberprüfung durch Vergleichen von Daten angularjs

<div class="form-group"> 
     <div class="col-lg-4 col-md-4 col-sm-5 col-xs-5 col-lg-offset-1 col-md-offset-2 col-sm-offset-1"> 
      <label class="control-label">Date from:</label> 
      <p class="input-group"> 
      <input type="text" onkeypress='return event.charCode >= 44 && event.charCode <= 57' class="form-control" ng-model="recp.OdK" name="datefrom" id="datefrom" data-date-format="dd.MM.yyyy" bs-datepicker data-autoclose="1" required/> 
      <span class="input-group-btn"> 
           <button type="button" class="btn btn-default" ng-click="Opened=true;$event.stopPropagation();"> 
            <i class="glyphicon glyphicon-calendar"></i> 
           </button> 
          </span> 
          <p> 
     </div> 

     <div class="col-lg-4 col-md-4 col-sm-5 col-xs-5"> 
      <label class="control-label">Date to:</label> 
      <p class="input-group"> 
      <input type="text" onkeypress='return event.charCode >= 44 && event.charCode <= 57' class="form-control" ng-model="recp.DoK" name="dateto" id="dateto" data-date-format="dd.MM.yyyy" bs-datepicker data-autoclose="1" required/> 
      <span class="input-group-btn"> 
      <button type="button" class="btn btn-default" ng-click="Opened1=true;$event.stopPropagation();"> 
            <i class="glyphicon glyphicon-calendar"></i> 
           </button> 
           </span> 
          </p> 
     </div> 
    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"> 
     <button type="submit" ng-disabled="recpForm.$invalid" id="buto" class="btn btn-primary glyphicon glyphicon-ok prikButton" ng-click="precp();precpnp();precprb();recpss();"></button> 
    </div> 

Antwort

0

Ok, ich löste es durch den Vergleich Daten in ng-disabled:

<button type="submit" ng-disabled="recpForm.$invalid || recp.OdK > recp.DoK" id="buto" class="btn btn-primary glyphicon glyphicon-ok prikButton" ng-click="precp();precpnp();precprb();recpss();"></button>