jquery - Angular 2 日期选择器组件可以禁用特定日期

标签 jquery angular datepicker

是否有一个 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/

相关文章:

javascript - 如果选中里面的复选框,则更改 div 背景颜色

javascript - 实时滚动问题 (JS)

javascript - 无法形成 promise 链

javascript - Angular: View 表单中的 If/else 语句

wpf - DatePicker DisplayDate 绑定(bind)问题

javascript - 添加文档加载时无法检测复选框更改

angular - 为 NgModule 和组件提供服务的区别

angular - 可以在 Angular 8 中预加载延迟加载模块吗?

Android - 新的日历样式 DatePicker 和 TimePicker

javascript - cakephp 3 日期输入和数据库问题