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

Question

我已经查看了官方文档，但我无法找到，我需要一个函数或类似jquery datepicker beforeshowday函数之类的东西，我只想在所有即将到来的日期中禁用所有周末（周六，周日），以便用户可以' t选择哪些日期属于星期六和星期日我正在使用离子v3

Answer 1

I'm not sure you can disable a specific day with the ion-datetime component.

But you can check the library ion-datepicker where you can disable specific dates.

You also need to create a function that contains the weekends date you want disable.

From their documentation:

"[disabledDates] - An array of dates that should be disabled (not required)"

for instance in a home page:

    //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>