如果用户输入了错误的日期,并且我们在 previousDate 变量中有一个日期,则应在输入文本框中设置 previousdate

问题描述 投票:0回答:1
  • 我在角度中有输入文本框。在此输入文本中,用户可以手动输入日期或使用日期选择器(ngbDatepicker)。
  • 如果用户输入有效日期,那么它将分配给 previousdate 变量。
  • 如果用户输入的日期不正确,并且我们有之前的日期,那么之前的日期应该设置为 ui 端的输入框。

这里重置日期不起作用。

current output

请参考我在 github 上的代码更改:https://github.com/akshay-yeole/playground

我正在尝试将 previousdate 设置为角度输入文本框,如果之前的日期存在,则仅如此。

angular typescript event-handling ngb-datepicker angular-date-format
1个回答
0
投票

这只是在你的模糊中添加一个如果

  onBlur(event: any) {
    const date = event?.target.value;
    this.isValidDate = this.validateDate(date);
    if (this.isValidDate) {
      this.previousDate.value = this.model.value ?? '';
    } else {
      if (this.previousDate.value) {
        this.model.value = this.previousDate.value ?? '';
        this.isValidDate = true;
        this.cd.markForCheck();
      }
    }
  }

注意:我在 this stackblitz 中分叉了你的代码(使用 stackblitz 比 github 更容易“玩”)

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