如何在角度表单日期选择器中验证用户输入

How to validate user inputs in angular formly datepicker?

本文关键字：选择器 验证 用户 输入 日期 表单      更新时间：2023-09-26

>im在我的项目中使用角度形式。 我们允许用户从DP中选择日期(最大：今天最小：今天 - 100年(，但用户也可以在输入字段中编辑日期。所以我的问题是如何允许用户仅在范围内编辑日期(从今天到今天 -100 年(

我找到了角度形式的UI Datepicker示例。这就是你所说的"DP"吗？

http://angular-formly.com/#/example/integrations/ui-datepicker

如果您也让用户编辑日期文本，那么我建议您使用 Angular 过滤器以及日期文本验证。这里有一个非常好的示例来说明您的需求：

https://docs.angularjs.org/api/ng/input/input%5Bdate%5D

如果您希望日期为现在 - 100 年，请将最小值设置为： 

<input type="date"
   min="{{myMin}}">

控制器将有一个设置最小日期的变量 

$scope.myMin = new Date().setFullYear(new Date().getFullYear() - 100);

它未经测试，但您可能需要执行一些"toString"功能。

相关文章：