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变量声明与插值

相关内容

热门资讯

透视辅助!aapoker辅助插... 透视辅助!aapoker辅助插件工具(透视)免费透视脚本(确实有挂)1、用户打开应用后不用登录就可以...
透视透视!拱趴大菠萝辅助神器(... 透视透视!拱趴大菠萝辅助神器(透视)微扑克教程(2024已更新)(哔哩哔哩)1、拱趴大菠萝辅助神器透...
透视辅助!aapoker能控制... 透视辅助!aapoker能控制牌吗(透视)真的假的(一直存在有挂)1、用户打开应用后不用登录就可以直...
透视ai!德州透视插件(透视)... 透视ai!德州透视插件(透视)2025新版教程(2026已更新)(哔哩哔哩)；1、进入到德州透视插件...
透视ai!aapoker能控制... 透视ai!aapoker能控制牌吗(透视)透视插件(真是是有挂)；1、超多福利：超高返利，海量正版游...
透视ai代打!哈糖大菠萝辅助器... 透视ai代打!哈糖大菠萝辅助器(透视)新版2025教程(2026已更新)(哔哩哔哩)1、进入游戏-大...
透视数据!aapoker辅助软... 透视数据!aapoker辅助软件合法吗(透视)透视脚本入口(都是有挂)aapoker辅助软件合法吗是...
透视新版!pokemmo辅助器... 透视新版!pokemmo辅助器手机版下载(透视)揭秘攻略(2021已更新)(哔哩哔哩)；1、poke...
透视神器!aapoker辅助软... 透视神器!aapoker辅助软件合法吗(透视)万能辅助器(果然是有挂)；1、aapoker辅助软件合...
透视肯定!来玩app破解版(透... 透视肯定!来玩app破解版(透视)揭秘教程(2026已更新)(哔哩哔哩)1、游戏颠覆性的策略玩法，独...