日付ピッカーの日付と現在の日付との比較

Question

<div class="input-group" ng-init="d.expiredAt = toDate(d.expiredAt);"> 

<input type="text" class="form-control" uib-datepicker-popup="dd/MMM/yyyy" 
is-open="popup1.opened" ng-required="false" 
close-text="Close" ng-model="d.expiredAt" ng-readonly="!editing"/> 

この日付と現在の日付を比較し、現在の日付よりも<の場合はこのフィールドを赤でハイライトします。

Answer 1

今日の日付より前にユーザーが日付を選択することを通知/防止することが目的だと思いますか？

それはケースだ場合は、使用しているブートストラップ-UIコンポーネントが機能を提供します。

MinDateプロパティ（デフォルト：nullは） - 最小可能な日付を定義します。 JavascriptのDateオブジェクトが必要です。

は、あなたのコントローラで今日の日付を宣言した場合：

は

$scope.now = new Date(); 

あなたはHTMLでこのようにそれを使用することができます：

<input type="text" min-date="now" class="form-control" uib-datepicker-popup="dd/MMM/yyyy" 
    is-open="popup1.opened" ng-required="false" 
    close-text="Close" ng-model="d.expiredAt" ng-readonly="!editing"/> 

それが渡される日付の選択を無効にします。