在angularJS输入中将最小日期设置为当前日期

前端之家收集整理的这篇文章主要介绍了在angularJS输入中将最小日期设置为当前日期前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在AngularJS中,我们如何将input type =“date”的min属性设置为当前日期(今天)?
<input type="date" ng-model="data.StartDate" name="StartDate" min=?? />

EDIT1

我做了下面的建议并在控制器中添加了这个 –

$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正确检查现场的方法吗?

谢谢

是的,您可以设置最小值.根据 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).

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

控制器:

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

视图:

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

工作示例here.

原文链接:https://www.f2er.com/angularjs/143870.html

猜你在找的Angularjs相关文章