如何验证角度形式的datepicker中的用户输入?

时间:2016-02-01 18:51:27

标签: javascript angularjs angular-formly

我在我的项目中使用angular-formly。我们允许用户从DP中选择日期(最大值:今天最小值:今天 - 100年),但用户也可以在输入字段中编辑日期。所以我的问题是如何允许用户仅在范围内编辑日期(从今天起今天 - 100年)

1 个答案:

答案 0 :(得分:1)

我找到了角度形式的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”功能。