如何禁用离子日期时间中的特定日期？

Question

我已经查看了官方文档，但我无法找到，我需要一个函数或类似 jquery datepicker beforeshowday 函数的东西，我只是想在所有即将到来的未来日期禁用所有周末（周六、周日）所以用户不能选择属于周六和周日的任何日期 我正在使用离子 v3

Answer 1

我不确定您是否可以使用 ion-datetime 组件禁用特定日期。

但您可以查看library ion-datepicker，您可以在其中禁用特定日期。

您还需要创建一个包含要禁用的周末日期的函数。

来自他们的文档：

"[disabledDates] - 应禁用的日期数组（非必需）"

例如在主页中：

    //declare it in home.ts
        public disabledDates: Date[] = [new Date(2017, 7, 14)];

        //and use it in home.html
    <span ion-datepicker  [(value)]="localDate [disabledDates]="disabledDates" clear class="ScheduleDate">
        <span>{{localDate | date}} <ion-icon name="clipboard" item-left ></ion-icon> </span>
    </span>