2017-05-31 202 views
-1
<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"/> 

我想比較這使用當前最新的日期,並強調用紅色這個領域,如果它是<於當前日期。比較在日期選擇器日期與當前日期

回答

0

我想你的功能的目的是爲了通知/防止用戶在今天之前選擇一個日期嗎?

如果是這種情況,您使用的自舉的UI組件提供的功能:

的minDate(默認:null) - 定義的最小可用日期。 需要Javascript日期對象。

如果聲明在你的控制器今天的日期:

$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"/> 

這將禁用傳遞日期的選擇。

+0

它的用戶在2天后選擇了日期,但表示您在3天后訪問它,因此其過期。因此我想突出顯示它,如果它通過當前日期 –

+0

在這種情況下,它更復雜,也許解決方案可能是使用指令的template-url屬性覆蓋該指令的模板。 –

相關問題