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

时间:2017-09-24 05:27:34

标签: angular typescript primeng

我正在使用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上没问题呢?

1 个答案:

答案 0 :(得分:1)

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

this.startDate = new Date();

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