将日期选择器中的日期与当前日期进行比较

时间:2017-05-31 08:22:31

标签: html angularjs

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

我想将此日期与当前日期进行比较,如果是&lt;将该字段用红色突出显示。比当前日期。

1 个答案:

答案 0 :(得分:0)

我想您的功能的目的是通知/阻止用户在今天之前选择日期?

如果是这种情况,您使用的bootstrap-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"/>

它将禁用所选日期的选择。