如何验证 angular 形式的日期选择器中的用户输入？

Question

我在我的项目中使用 angular-formly。我们允许用户从 DP 中选择日期（最大：今天 min:today - 100 年），但用户也可以在输入字段中编辑日期。所以我的问题是如何允许用户仅在范围内编辑日期（从今天到今天 -100 年）

Answer 1

我找到了 angular-formly UI 日期选择器示例。 "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" 功能。