使用空日期加载 PrimeNG 日历（日期选择器）答案

【问题标题】：Loading PrimeNG calendar (date picker) with empty date使用空日期加载 PrimeNG 日历（日期选择器）
【发布时间】：2017-08-23 08:57:33
【问题描述】：

我正在使用PrimeNG calendar component。最初我想渲染没有任何日期值和占位符 (mm-dd-yy) 的日期输入控件，因为我需要将日期值作为字符串，所以我指定 dataType='string'

JS：

private datePickerValue = '';

HTML

<p-calendar [(ngModel)]="datePickerValue" dateFormat="mm-dd-yy" placeholder="mm-dd-yy" dataType="string"></p-calendar>

这里的问题是，如果我的模型值 (datePickerValue) 是空字符串，那么 datepicker 根本不会呈现。现在，如果我用一些字符串日期初始化模型，例如： private datePickerValue = '01-01-2017'; 然后 datepicker 控件将呈现，但它也会呈现给定的日期 (01-01-2017)。

如何在没有任何默认日期的情况下呈现日期选择器控件？

【问题讨论】：

看看这个 plunker，它似乎对我有用。你能看出你是否在做一些非常不同的事情吗？ plnkr.co/edit/prr5qrNrfTYMmWPikpTn?p=preview
好的，没有初始化模型值有效，即我删除了这一行：private datePickerValue = '';您可以将您的评论作为答案。
您的问题不与 PrimeFaces 相关。阅读什么是 PrimeFaces。请记住这一点，并请纠正其他人错误使用 PrimeFaces 标签的所有其他帖子

标签： javascript angular datepicker primeng

【解决方案1】：

遇到了同样的问题，但在我们的例子中，数据类型是 Date 并使用响应式表单。

问题是如果日期是用new Date() 初始化的，p-calendar 会显示一个日期。解决方案是将 null/empty 日期设置为 ''。

birthdate: (data.birthdate==null ? '': new Date(data.birthdate))

【讨论】：