PrimeNG Calendar控件dataType初始化不生效，需用户操作后才生效

问题场景 #

我们用PrimeNG Calendar的多选模式，为了避免客户端和UTC时区转换问题，设置了dataType="string"。但碰到了一个奇怪的问题：

• 初始化时给ngModel传Date对象数组，控件能正常显示选中的日期，但ngModel还是Date对象数组；
• 只有用户手动改了日期选择后，ngModel才会变成预期的字符串数组。

目前我们靠调用calendar组件的updateModel()方法临时解决，但想找更靠谱的方案，同时确认这是PrimeNG的Bug还是我们漏了什么配置。

更优解决方案 #

方案1：初始化直接传字符串数组

既然已经指定了dataType="string"，初始化时就别传Date对象数组了，直接转成对应格式的字符串数组就行，格式要和Calendar的dateFormat匹配（比如默认的yy-mm-dd）：

// 假设初始是Date数组
const initialDates: Date[] = [new Date('2024-01-01'), new Date('2024-01-02')];
// 手动转成字符串格式
this.selectedDates = initialDates.map(date => {
  const y = date.getFullYear();
  const m = String(date.getMonth() + 1).padStart(2, '0');
  const d = String(date.getDate()).padStart(2, '0');
  return `${y}-${m}-${d}`;
});

这样初始化后ngModel就是字符串类型，和用户修改后的类型统一，不用再调用updateModel()。

方案2：用DatePipe统一转换

借助Angular的DatePipe来做格式转换，保证输出的字符串和Calendar的dateFormat完全对齐：

import { DatePipe } from '@angular/common';

// 组件里注入DatePipe
constructor(private datePipe: DatePipe) {}

// 转换初始日期数组
this.selectedDates = initialDates.map(date => 
  this.datePipe.transform(date, 'yyyy-MM-dd') // 这里的格式要和Calendar的dateFormat一致
);

是否属于PrimeNG Bug？ #

这应该是PrimeNG的初始化逻辑漏洞：当设置dataType="string"时，组件只在用户交互（修改选择）时才会把Date转成字符串，但初始化阶段没处理传入的Date数组，导致ngModel类型不一致。

你可以去PrimeNG的GitHub仓库搜下有没有相关issue，也可以提交新的issue反馈——按照组件的设计逻辑，dataType应该在初始化和交互阶段都生效，统一处理ngModel的类型。

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