Von Datum, Bis heute Validierung in Winkel js

Question

Dies ist mein Code

<tr ng-show="option == 'Yearly' || option == 'Date'"> 
    <td> 
    <label>From:</label> 
    </td> 
    <td> 
    <input type="date" ng-model="fromdate" id="fromdate" date-picker /> 
    </td> 
    <td> 
    <label>To:</label> 
    </td> 
    <td> 
    <input type="date" ng-model="todate" date-picker /> 
    </td> 
</tr> 

ich eine jquery Datumsauswahl für from und todate habe, muß ich alle Termine in dem Enddatum deaktivieren, die als die kleineren ist von Datum .....

Answer 1

ich verwendet habe https://github.com/Eonasdan/bootstrap-datetimepicker vorher und minDate und maxDate Optionen können wahrscheinlich hilfreich sein, verwenden Anwendungsfall, wenn Sie ein anderes Plugin betrachten möchten.

Verwendungsbeispiel maxDate, setzen minDate:

html:

<div class="container"> 
    <div class="row"> 
     <div class='col-sm-6'> 
      <div class="form-group"> 
       <div class='input-group date' id='datetimepicker1'> 
        <input type='text' class="form-control" /> 
        <span class="input-group-addon"> 
         <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

js:

$('#datetimepicker1').datetimepicker({ 
    maxDate: new Date("6/8/2016"), 
    minDate: new Date("6/2/2016") 
}); 

Arbeits Plunker

Hinweis: Dieses Plugin Abhängigkeit von bootstrap hat, 0.123.und momentjs

Edit:

Es gibt auch eine Winkel Wrapper Richtlinie über diese: https://github.com/diosney/angular-bootstrap-datetimepicker-directive

Answer 2

Wenn Sie nur ein bestimmtes Min-Datum wie das heutige Datum festlegen möchten, können Sie das als Einstellung eingeben.

https://docs.angularjs.org/api/ng/input/input%5Bdate%5D

Wenn Sie eine einfache Möglichkeit, Ihre min Datum Einstellung heutigen Tag sein kann nur eine Variable als solche min verwenden = "{{minDate | Datum: yyyy-MM- dd '}} "). Beachten Sie, dass min auch die native HTML5-Constraint-Validierung hinzufügt.

In der Theorie erfordert dies keinen Controller, sondern nur eine App-Setup-Konfiguration für $ scope.minDate, alles, was zu tun ist, ist, dass Ihr Datum neben dem Feld mit der von Ihnen festgelegten Validierung nicht korrekt ist. Feld- und Formularvalidierung ist ein ganz anderes Tier als das, was Sie fragen, aber ich würde https://docs.angularjs.org/guide/forms darauf lesen.

Auf lange Sicht würde ich nicht für Ihre jquery Datumsauswahl und verwenden eine native Direktive wie https://angular-ui.github.io/bootstrap/ Datumsauswahl oder scharfkantiges Material https://material.angularjs.org/latest/demo/datepicker