Angular 2 Ionic 2 - 如何将日期输入的最大或最小日期设置为今天?

问题描述 投票:5回答:2
 <input class="alert-input date-input" #dob="ngModel" name="dob" max="2018-03-07" [(ngModel)]="leadDetail.dob" type="date"></div>

如何动态设置今天的最大日期而不是2018-03-07?

我试过以下方法 -

 <input  max="today" type="date"></div>
 <input  max="{{today | date:'yyyy-mm-dd'}}" type="date"></div>

课程 -

public today = new Date();

但没有运气。

javascript angular typescript ionic2
2个回答
13
投票

试试这个:

<input class="alert-input date-input" name="dob" [max]="today" type="date">


today = new Date().toJSON().split('T')[0];

Working Example Demo

原因:

当您使用new Date()时,这将为您提供时区和时间等的完整日期,您必须仅指定日期,因此您必须仅使用日期进行拆分。为了更多的工作,运行这个

console.log(new Date(), '----', new Date().toJSON());

0
投票

将mm更改为MM然后格式但这将影响您更改的日期,这将无助于除非其ngModel绑定到另一个变量

© www.soinside.com 2019 - 2024. All rights reserved.