javascript - catch 将 mm 限制为大于 59 hh:mm

Question

我试图限制用户输入大于 59 的值。但是当用户在 MM 中输入值时，无论如何都不会触发捕获值。我也尝试过使用 vanilla js 和 rxjs。当你从输入中移除焦点时，它会自动设置为 59。

代码：

 @ViewChild('value', {static: false}) timeValue: ElementRef;

  onInput(event: Event) {
    // console.log((event.target as HTMLInputElement).value)
  }

  ngAfterViewInit(): void {
    fromEvent(this.timeValue.nativeElement, 'keypress').subscribe((value: Event) => {
      console.log((value.target as HTMLInputElement).value)
    })
  }

游乐场： https ://stackblitz.com/edit/angular-3qv9sx?file=src%2Fapp%2Fapp.component.html

标签： javascriptangulardatetime

Answer 1

使用操场添加我的测试的屏幕截图。我唯一改变的是删除文本并添加导航器的语言，以防万一。