是否有一个 Angular 2 日期选择器组件可以让我禁用特定日期的数组?
我知道为 jquery datepicker 创建自定义包装器是一个选项。
我找到了这 3 个日期选择器,但似乎没有人能够禁用某些日期。
https://github.com/kekeh/mydatepicker
https://github.com/jkuri/ng2-datepicker
www.primefaces.org/primeng/#/calendar
编辑:
我将在 http 请求中获取列表。此外,我需要禁用当前日期之前的所有日期。
编辑2:
这是一个预订用例。我需要禁用今天之前的所有日期,并且需要禁用我将在 http 请求中获取的数组中的所有日期。
使用验证器不是一个好的选择,因为用户需要看到他无法选择的东西。
编辑3:
我刚刚找到了这个 https://github.com/valor-software/ng2-bootstrap/tree/master/components/datepicker ,我会先讲这个,稍后再发布答案。
最佳答案
这个有。 http://www.primefaces.org/primeng/#/calendar
请参阅日期限制部分
<p-calendar [(ngModel)]="dateValue" minDate="-1m" maxDate="+1m" [readonlyInput]="true">></p-calendar>
+它使用 jquery UI 日期选择器,因此您可以使用其中的一些: Jquery UI datepicker. Disable array of Dates
但是...
最好的方法可能就是为此创建一个验证器,并阻止用户选择该值。对于此解决方案,您是独立的第三方。这在 Angular2 动态世界中非常有帮助。
问题编辑后
I will be getting the list in an http request. In addition, I need to disable all dates before the current date.
如果您不想以 Angular 对其进行编码(验证器或某些更改检测)。 primeNG 限制将使您能够禁用一系列日期。 (最大/最小日期)
关于jquery - Angular 2 日期选择器组件可以禁用特定日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40082224/