CODEWITHSUNDEEP
angularhtmlbootstrap-4primeng
The Dead Man
The Dead Man

Reputation: 5566

Disable single date in p-calendar

I have a calender and I want to disiable a certain date eg 10/7/2018, I am using p-calendar

Here is what I have done so far 

<p-calendar formControlName="date" [inline]="true" [disabledDays]="[10]"  [minDate]="minimumDate" tabindex="0">
        <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>

This does not work ,

What is wrong with my code?

Upvotes: 0

Views: 896

Answers (1)

user184994
user184994

Reputation: 18281

You're using [disabledDays], where each value represents a day of the week, so any value > 6 is invalid. You want disabledDates instead, which should be an array of Date objects.

There should be more info in the documentation that you linked to.

Upvotes: 1

Related Questions