angularjs - 将 AngularJS 输入中的最小日期设置为当前日期

Question

在 AngularJS 中，我们如何将 input type="date" 的 min 属性设置为当前日期(今天的)？

<input type="date" ng-model="data.StartDate" name="StartDate" min=?? />

编辑1

我按照下面的建议做了并将其添加到 Controller 中 -

$scope.currentDate = new Date();

这在 Html 中 -

<input type="date" ng-model="data.StartDate" name="StartDate" required min="{{currentDate | date:'yyyy-MM-dd'}}" />
<span ng-show="form.StartDate.$dirty && form.StartDate.$invalid">
    <span ng-show="form.StartDate.$error.required">Start Date is required</span>
    <span ng-show="form.StartDate.$error.min">Start Date should not be less than current date</span>
</span>

现在，只有年份不允许选择小于 2015 年的年份。此外，如果整个日期小于当前日期，则不会进行验证。所需的验证工作正常。 .min 检查字段的方法是否正确？

谢谢

Answer 1

是的，您可以设置最小值。根据docs :

<input type="date"
       ng-model=""
       [name=""]
       [min=""]
       [max=""]
       [required=""]
       [ng-required=""]
       [ng-change=""]>

Arguments

min (optional) string - Sets the min validation error key if the value entered is less than min. This must be a valid ISO date string (yyyy-MM-dd).

编辑要将字段设置为当前日期:

Controller :

function Ctrl($scope)
{
    $scope.date = new Date();
}

查看:

<input type="date" ng-model="data.StartDate" 
        name="StartDate" min="{{date | date:'yyyy-MM-dd'}}" />

工作示例 here .