比较在日期选择器日期与当前日期

问题描述:

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

我想比较这使用当前最新的日期,并强调用红色这个领域,如果它是<于当前日期。比较在日期选择器日期与当前日期

我想你的功能的目的是为了通知/防止用户在今天之前选择一个日期吗?

如果是这种情况,您使用的自举的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属性覆盖该指令的模板。 –