Angular: Set default dates for p-calendar

Question

I like to set default Dates for p-calendar PrimeNG component, how do I do that in Angular?

Antikhippe · Accepted Answer · 2018-03-12T19:28:33.543

2

Use ngModel for that.

<p-calendar [(ngModel)]="value"></p-calendar>

and set your specific date for value property. For instance, if you want to set a date one month before today :

this.value = new Date();
this.value.setMonth(this.value.getMonth() - 1);

edited Mar 12 '18 at 19:28

answered Mar 12 '18 at 19:07

Antikhippe

This works thanks, but I want to set date to 30 days ago, how do I do that, given that the current date is this? – kenadet Mar 12 '18 at 19:22
@Kenadet you're welcome. Please approve this answer if it helped you – Antikhippe Mar 13 '18 at 05:46
@Antikhippe, i want to do the same but in my case i've to show a range in p-calendar. Can you please help. – Tanzeel May 18 '23 at 06:54

1 Answers1