AngularMaterial的mat-date-range-input在未选择结束日期时不触发失焦事件。
创始人
2024-10-28 08:33:22
0

可以手动在失焦时触发验证,从而实现在未选择结束日期时触发失焦事件的效果。

代码示例:

HTML:

在组件中添加以下代码:

import { Component } from '@angular/core'; import { FormGroup, FormBuilder, Validators } from '@angular/forms';

@Component({ selector: 'app-date-range-input-example', templateUrl: 'date-range-input-example.html' }) export class DateRangeInputExample { range: FormGroup;

constructor(fb: FormBuilder) { this.range = fb.group({ start: [null, Validators.required], end: [null, Validators.required] }); }

onRangeInputBlur() { if (!this.range.value.end) { this.range.controls.end.markAsTouched(); } } }

在这个例子中,我们在 mat-date-range-input 上添加了一个 rangeInputBlurred 事件,该事件会在失焦时触发。在 onRangeInputBlur() 函数中,我们手动检查了结束日期是否存在,如果不存在则触发验证,从而达到触发失焦事件的效果。

相关内容

热门资讯

透视ai!wepoker作弊辅... 透视ai!wepoker作弊辅助,wepoker手机版透视脚本(透视)往昔真的是有挂(细节揭秘)1、...
透视私人局!pokermast... 透视私人局!pokermaster修改器,菠萝辅助器免费版的特点,切实存在有挂(AA德州教程)进入游...
辅助透视!sohoo poke... 辅助透视!sohoo poker辅助,wepoker怎么提高运气(透视)切实存在有挂(技巧教程);1...
透视游戏!德州透视脚本,pok... 透视游戏!德州透视脚本,pokemmo辅助器脚本下载,果然有挂(德州论坛)小薇(透视辅助)致您一封信...
透视了解!约局吧如何查看是否有... 透视了解!约局吧如何查看是否有挂,wepoker开辅助能查到吗(透视)固有真的有挂(2025新版教程...
透视讲解!pokermaste... 透视讲解!pokermaster破解版,德州透视是真的吗,一直存在有挂(高科技教程);1、金币登录送...
透视辅助!wepoker透视脚... 透视辅助!wepoker透视脚本视频,we-poker软件(透视)从来存在有挂(普及教程);1、we...
透视辅助!智星德州插件2024... 透视辅助!智星德州插件2024最新版,约局吧怎么看有没有挂,本来真的有挂(技巧教程)1、进入到智星德...
透视模拟器!wepoker透视... 透视模拟器!wepoker透视app下载,wepoker私局辅助(透视)起初存在有挂(2025教程)...
透视挂!拱趴大菠萝挂怎么安装,... 透视挂!拱趴大菠萝挂怎么安装,来玩德州破解器,都是是有挂(微扑克教程)1、拱趴大菠萝挂怎么安装ai辅...