如何将输入类型日期值设置为max =“ variable value”

时间:2018-08-21 06:35:19

标签: html angular typescript

无法将“今天的日期值转换为输入字段的“最大”属性”,但是可以在控制台中获取该值。

你们会帮助我如何在输入字段中获得价值(例如max =“ 2018-08-21”)

var todayDate =
      new Date().getFullYear() +
      "-" +
      ("0" + (new Date().getMonth() + 1)).slice(-2) +
      "-" +
      ("0" + new Date().getDate()).slice(-2);
    console.log(todayDate, "here");
 <div class="input-group">
    <input type="date" max="todayDate" />
 </div>

3 个答案:

答案 0 :(得分:2)

使用Angular时,您可以将max与日期绑定为:

TS

todayDate = new Date().getFullYear() + "-" + ("0" + (new Date().getMonth() + 1)).slice(-2) + "-" + ("0" + new Date().getDate()).slice(-2);

HTML

<div class="input-group">
  <input type="date" [max]="todayDate" />
</div>

您可以检查stackblitz here

答案 1 :(得分:0)

使用[max]

export class AppComponent  {

  todayDate = new Date('2018-08-21')

}

<div class="input-group">
  <input type="date" [max]="todayDate | date:'yyyy-MM-dd'" />
</div>

答案 2 :(得分:0)

由于没有人向您提供Angular答案,而是依靠您的语言环境对其进行测试(这样做很危险),因此它是:一个自定义验证器,它将检查日期是否低于您给出的日期给验证者。 Here is a stackblitz demo

验证者:

CrossEntropyLoss()