Ограничить несколько дат в наборе даты

Kaczka pojebana спросил: 13 июня 2018 в 09:54 в: html

У меня есть календарь, и я хочу, чтобы даты certanin были отключены, я использую https://www.primefaces.org/primeng/#/calendar

В html у меня есть это

<p-calendar formControlName="date"  [inline]="true" [disabledDates]="restictedBookingDates"  [minDate]="minimumDate" tabindex="0" readonlyInput="true">
                <ng-template pTemplate="date" let-date>
                    <span [ngStyle]="{backgroundColor: (date.day ==10) ? '#7cc67c' : 'inherit'}"   style="border-radius:50%">{{date.day}}</span>
                </ng-template>
            </p-calendar>

в compo.ts я

 restictedBookingDates: Array<Date>;  ngOnInit() {
    const today = new Date();
    const invalidDate = new Date();
    invalidDate.setDate(today.getDate() - 1);
    this.restictedBookingDates = [today, invalidDate];
  }

Это ограничивает только сегодняшнюю дату, я хочу чтобы ограничить несколько дат, например

var restictedBookingDates= ["7-15-2018", "7-23-2018", "7-23-2018"];

, что мне нужно изменить в моем коде, чтобы выполнить то, что я хочу?


1 ответ

Есть решение
user184994 ответил: 13 июня 2018 в 03:43

Создайте массив ограниченных дат, например:

restrictedBookingDates = [
    new Date(2018, 6, 23),
    new Date(2018, 6, 17)
];

Это ограничит заказы 23 и 17 июля. Обратите внимание, что параметры месяца основаны на нуле, поэтому 6 представляет июль.

Вот пример StackBlitz

Дополнительное видео по вопросу: Ограничить несколько дат в наборе даты

Format date in TypeScript Angular

How to change the date format in the datepicker (bsDatepicker) of Angular html

Angular component input properties