Angular 2 datepicker组件,用于禁用特定日期

时间:2016-10-17 08:59:05

标签: jquery angular datepicker

是否有一个角度2的datepicker组件,可以让我禁用特定日期的数组?

我知道为jquery datepicker创建自定义包装器是一种选择。

我找到了这3个日期选择器,但似乎没有人能够禁用某些日期。

https://github.com/kekeh/mydatepicker

https://github.com/jkuri/ng2-datepicker

www.primefaces.org/primeng /#/日历

编辑:

我将在http请求中获取列表。另外,我需要在当前日期之前禁用所有日期。

EDIT2:

这是预约用例。我需要在今天之前禁用所有日期,我需要禁用我将在http请求中获得的数组中的所有日期。

验证器的使用不是一个好选择,因为用户需要查看他无法选择的内容。

EDIT3:

我刚刚发现了这一个https://github.com/valor-software/ng2-bootstrap/tree/master/components/datepicker,我会选择这个,然后发布一个答案。

1 个答案:

答案 0 :(得分:1)

这个有它。 inheriting constructors

请参阅日期限制部分

<p-calendar [(ngModel)]="dateValue" minDate="-1m" maxDate="+1m" [readonlyInput]="true">></p-calendar>

+它使用jquery UI datepicker,因此您可以使用以下内容: http://www.primefaces.org/primeng/#/calendar

但是...

这样做的最佳方式可能只是为此做一个验证器,并阻止用户选择该值。您是第三方独立使用此解决方案。这在angular2动态世界中非常有用。

问题编辑后

  

我将在http请求中获取列表。另外,我需要   禁用当前日期之前的所有日期。

如果您不想以角度(验证器或某些更改检测)对其进行编码。 primeNG restrict将允许您禁用一系列日期。 (最长/最短日期)