我有一个输入字段与datepicker。我需要用户选择日期只从现在的日期和过去的日期不应点击。下面是代码。
<div class="col-lg-4">
<input class="form-control" type="datetime" date-time auto-close="true" view="date"
min-view="date" maxlength="10" format="dd/MM/yyyy" ng-model="$ctrl.DateInput"
placeholder="renewal date" required="true">
</div>
感谢快速帮助..谢谢!
4条答案
按热度按时间q43xntqr1#
最小值和最大值是用于验证输入范围的日期属性,这些属性将在日历弹出窗口上的日期之前和之后禁用。
在TS中定义最小日期
jchrr9hc2#
代码:
工作人员为:
p8h8hvxi3#
如果要缩小可能日期的范围,请添加min-date或max-date,如示例所示。
http://plnkr.co/edit/QiQDiPXhuO0eTPxxdGnd?p=preview
以下是文档的相关部分:
最大日期(默认值:null)-定义最大可用日期。min-date(默认值:null)-定义最小可用日期。
ikfrs5lh4#
您可以使用HTML和TypeScript的组合,在Angular中禁用datetime-local类型的HTML5输入中的过去日期。
组件.html
我们使用min属性将最小允许日期设置为当前日期和时间。
minDate()
函数以与datetime-local
输入类型兼容的格式返回当前日期和时间。您可以根据需要进行修改。组件.ts
此函数返回表示当前日期和时间的
Date
对象,但秒和毫秒设置为零。这可确保最小日期是当前分钟的开始,而不是用户加载页面的确切时刻。datetime-local
输入仅允许用户选择从当前日期开始的未来日期和时间。我希望这对任何新访问者都有帮助。