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() 函数中,我们手动检查了结束日期是否存在,如果不存在则触发验证,从而达到触发失焦事件的效果。

相关内容

热门资讯

黑科技游戏(红龙扑克辅助软件下... 黑科技游戏(红龙扑克辅助软件下载)太夸张了从来是有挂(透视)可靠技巧(2026已更新)(哔哩哔哩)1...
黑科技智能ai(微扑克发牌机制... 黑科技智能ai(微扑克发牌机制)太夸张了总是真的有挂(透视)黑科技教程(2026已更新)(哔哩哔哩)...
黑科技app(德扑之星ai计算... 黑科技app(德扑之星ai计算)太实锤了其实有挂(透视)必备教程(2021已更新)(哔哩哔哩)1)德...
黑科技攻略(德州ai代打)太坑... 黑科技攻略(德州ai代打)太坑了固有存在有挂(透视)2025教程(2024已更新)(哔哩哔哩);一、...
黑科技总结(德扑之星攻略)太实... 黑科技总结(德扑之星攻略)太实锤了都是是有挂(透视)切实教程(2025已更新)(哔哩哔哩);无聊就玩...
黑科技教程(aapoker为什... 黑科技教程(aapoker为什么一直输)太无语了原生是有挂(透视)微扑克教程(2024已更新)(哔哩...
黑科技工具(wepokeai代... 黑科技工具(wepokeai代打辅助)太坑了固有真的是有挂(透视)扑克教程(2023已更新)(哔哩哔...
黑科技真的(德州之星外挂)太嚣... 1、黑科技真的(德州之星外挂)太嚣张了确实真的是有挂(透视)细节方法(2020已更新)(哔哩哔哩);...
黑科技肯定(红龙扑克透牌)太坑... 黑科技肯定(红龙扑克透牌)太坑了原本存在有挂(透视)必胜教程(2025已更新)(哔哩哔哩)是一款可以...
黑科技安装(wepoke ai... 黑科技安装(wepoke ai辅助)太实锤了确实真的有挂(透视)微扑克教程(2023已更新)(哔哩哔...