正在加载具有空日期

时间:2017-08-23 08:57:34

标签: javascript angular datepicker primeng

我正在使用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 =&#39; 01-01-2017&#39;; 然后datepicker控件将呈现,但它也将呈现给定日期(01-01-2017)。

如何在没有任何默认日期的情况下渲染datepicker控件?

1 个答案:

答案 0 :(得分:0)

有同样的问题,但是在我们的例子中,数据类型是 Date 并且使用的是响应式表单。

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

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