如何在ion-datetime中禁用特定日期？

Question

我已经查看了官方文档，但无法找到，我需要一个函数或类似jquery datepicker的showshowday函数，我只是想在所有未来的将来日期中禁用所有周末（星期六，星期日），所以用户无法选择属于周六和周日的日期   我正在使用离子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>