p-calendar 不适用于 IE、Edge 和 Firefox

Question

我正在使用 primeng p-calendar，它在 google-chrome 上没问题，但它在任何其他浏览器上都不起作用（日期选择器未打开文本框单击）。

这是我使用的 html 代码：

<p-calendar [(ngModel)]="startDate" showIcon="true" monthNavigator="true" yearNavigator="true" dateFormat="dd/mm/yy" dataType="yearRange="1970:2030"></p-calendar>

这里是我在 typescript 中初始化 starDate 变量的地方：

const dateParts = (new Date()).toLocaleDateString().split('/');
this.startDate = dateParts[1] + '/' + dateParts[0] + '/' + dateParts[2];

我看到他们网站上的 primeng 日历在任何浏览器上都能正常工作，但如果我做错了，为什么在 google-chrome 上没问题？

Answer 1

p-calendar 的值应该是 JS Date 对象而不是字符串，所以尝试像这样设置你的开始日期值：

this.startDate = new Date();

dateFormat 仅定义日期在日历中的显示方式

p-calendar 不适用于 IE、Edge 和 Firefox

p-calendar not working on IE, Edge and Firefox

angular

typescript

primeng