angular - primeNg 日历无法禁用数组中的日期或突出显示当前日期

Question

 {
      "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>

以上是我从 api 调用中得到的 json 响应。我将假期日期放在一个数组中，例如 invalidDates=["2019-12-25","2019-11-28","2019-09-02"].. 但我无法禁用假期日期p 日历....我也无法在 p 日历中突出显示 currentTradeDate？

invalidDates 数组日期需要转换为日期数组？或者什么？或者我应该使用除 primeNg 之外的不同 datePicker。请建议。

Answer 1

你可以在你的 component.ts 中试试这个

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