Angular中的HTML5日期控件验证
创始人
2024-10-31 05:30:35
0次
  1. 首先在模板中定义日期控件：

  1. 然后在组件中定义表单：

myForm = new FormGroup({ myDate: new FormControl('', [ Validators.required, // 自定义验证器 ValidationService.validateDate ]) });

  1. 在自定义验证器中添加验证规则：

export class ValidationService { static validateDate(control: AbstractControl) {

let date = new Date(control.value);
let minDate = new Date('1900-01-01');
let maxDate = new Date();

if (date < minDate || date > maxDate) {
  return { invalidDate: true };
}

} }

  1. 最后在模板中添加验证信息：

日期不能为空
日期无效，请输入1900年1月1日至今的日期

这样就实现了HTML5日期控件的验证。

上一篇：Angular中的html-sanitizing会阻止使用innerhtml输入HTML代码。

下一篇：Angular中的Html变量声明与插值

相关内容

热门资讯

黑科技辅助！wepoke软件靠... 您好，wepoke软件靠谱这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩...
黑科技辅助！wepoke插件，... 黑科技辅助！wepoke插件，（WePoKe有规律）原来真的有挂，辅助教程（有挂透视）-哔哩哔哩是一...
黑科技辅助！wepoke黑科技... 黑科技辅助！wepoke黑科技是啥，（wepoke德州扑克）原来真的有挂，详细教程（有挂分享）-哔哩...
一分钟了解！gg扑克有假，（扑... 一分钟了解！gg扑克有假，（扑克时间）原来真的有挂，软件教程（了解有挂）-哔哩哔哩；一分钟了解！gg...
黑科技辅助！wepoke私人局... 您好，wepoke私人局有挂这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多...
科普攻略！微扑克辅牌器，（新微... 科普攻略！微扑克辅牌器，（新微扑克）原来真的有挂，可靠技巧（有挂解惑）-哔哩哔哩是一款可以让一直输的...
黑科技辅助！wepoke有辅助... 黑科技辅助！wepoke有辅助软件，（WePoKe能胜）原来真的有挂，必胜教程（有挂详情）-哔哩哔哩...
黑科技辅助！wepoke软件透... 黑科技辅助！wepoke软件透明挂合法，（WePoKe胜率）原来真的有挂，系统教程（有挂规律）-哔哩...
黑科技辅助！WePoKe透明挂... 您好：WePoKe透明挂这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的...
分享个大家！云扑克是否有外挂，... 分享个大家！云扑克是否有外挂，（云扑克软件）原来真的有挂，新2025版（真实有挂）-哔哩哔哩是一款可...