Календарь PrimeNg не может отключить даты из массива или выделить текущую дату - PullRequest
Новая
       30

Календарь PrimeNg не может отключить даты из массива или выделить текущую дату

0 голосов
/ 13 марта 2019 

 {
      "currentTradeDate": "2019-03-12",
      "dateArray": [
        {
          "holidayDate": "2019-12-25"
        },
        {
          "holidayDate": "2019-11-28"
        },
        {
          "holidayDate": "2019-09-02"
        },
        {
          "holidayDate": "2019-07-04"
        },
        ]
   
<p-calendar placeholder="yyyy/mm/dd"
      dateFormat="yy-mm-dd" [(ngModel)]="value" [disabledDates]="invalidDates" [disabledDays]="[0,6]" name="value" [style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" (ngModelChange)="selectDate($event)">
    


      <ng-template pTemplate="date" let-date>
        <span [ngStyle]="{backgroundColor: (date.day === currDay) ? 'yellow' : 'inherit'}">{{date.day}}</span>
    </ng-template>


    
    </p-calendar>

Выше приведен ответ json, который я получаю от вызова API.Я помещаю дату праздника в массив, например invalidDates = ["2019-12-25", "2019-11-28", "2019-09-02"] .. но я не могу отключить даты праздников вp-calendar .... также я не могу выделить currentTradeDate в p-calendar?

недействительный массив дат необходимо преобразовать в массив дат? или что? или я должен использовать другой DatePicker, кромеprimeNg.Пожалуйста, предложите.

1 Ответ

0 голосов
/ 13 марта 2019

Вы можете попробовать это в ваших component.ts 

  let invalidDate = new Date();
  let today = new Date();
  invalidDate.setDate(today.getDate() - 1);
  this.invalidDates = [today,invalidDate];
...