嗨，我来帮你搞定PrimeNG p-calendar的默认日期设置，在Angular里有好几种实用的方式，看你需求来选：

这是最常用的场景，直接在组件类里定义日期变量并赋值，再通过双向绑定关联到p-calendar：

组件类代码：

import { Component } from '@angular/core';

@Component({
  selector: 'app-calendar-demo',
  templateUrl: './calendar-demo.component.html'
})
export class CalendarDemoComponent {
  // 方案1：默认设为当前日期
  selectedDate: Date = new Date();

  // 方案2：指定特定日期（注意月份是0-based，5月对应4）
  // selectedDate: Date = new Date(2024, 4, 20);
}

模板代码：

<p-calendar [(ngModel)]="selectedDate" placeholder="选择日期"></p-calendar>

如果默认日期需要从后端接口获取，就可以在组件初始化时调用服务，拿到数据后赋值：

组件类代码：

import { Component, OnInit } from '@angular/core';
import { DateApiService } from './date-api.service';

@Component({
  selector: 'app-calendar-demo',
  templateUrl: './calendar-demo.component.html'
})
export class CalendarDemoComponent implements OnInit {
  selectedDate: Date | undefined;

  constructor(private dateApi: DateApiService) {}

  ngOnInit(): void {
    // 假设接口返回日期字符串格式如"2024-05-20"
    this.dateApi.getDefaultDate().subscribe((dateStr: string) => {
      this.selectedDate = new Date(dateStr);
    });
  }
}

模板可以加个*ngIf避免初始值未定义的问题：

<p-calendar *ngIf="selectedDate" [(ngModel)]="selectedDate" placeholder="选择日期"></p-calendar>

如果你只是想让用户打开日历面板时，默认定位到某个日期（但不自动选中绑定到ngModel），可以用p-calendar自带的defaultDate属性：

<!-- 打开面板时默认高亮2024年5月20日，但ngModel初始为空 -->
<p-calendar [defaultDate]="new Date(2024, 4, 20)" [(ngModel)]="selectedDate" placeholder="选择日期"></p-calendar>

如果用Angular响应式表单，直接在FormControl里设置初始值即可：

组件类代码：

import { Component } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-calendar-form',
  templateUrl: './calendar-form.component.html'
})
export class CalendarFormComponent {
  calendarForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.calendarForm = this.fb.group({
      eventDate: [new Date()] // 初始值设为当前日期
    });
  }
}

模板代码：

<form [formGroup]="calendarForm">
  <p-calendar formControlName="eventDate" placeholder="选择活动日期"></p-calendar>
</form>

小提醒 #

• 注意JavaScript的Date对象月份是0-based的，1月对应0，12月对应11，手动指定日期时别搞错啦
• 如果接口返回的是字符串格式日期，一定要转成Date对象再绑定，p-calendar默认只识别Date类型

内容的提问来源于stack exchange，提问作者kenadet