最初将 Angular2-DatePicker 设置为空答案

【问题标题】：Set Angular2-DatePicker empty initially最初将 Angular2-DatePicker 设置为空
【发布时间】：2018-12-26 05:20:50
【问题描述】：

我已经按照link 在我的应用程序中应用了 angula2-datetimepicker。

我必须首先显示空的日期选择器。以下是我的代码：

HTML：

<angular2-date-picker [(ngModel)]="Model.SelectedDate" #SelectedDate="ngModel" name="SelectedDate" [settings]="datePickerSettings"></angular2-date-picker>

代码：

constructor() {
    DatePicker.prototype.ngOnInit = function () {
    this.settings = Object.assign(this.defaultSettings, this.settings);
    if (this.settings.defaultOpen) {
      this.popover = true;
    }
    this.date = new Date();
    };
}
datePickerSettings = {
  bigBanner: false,
  timePicker: false,
  format: 'dd-MM-yyyy',
  defaultOpen: false
}

它默认显示当前日期，但我不想在日期选择器中显示日期。

【问题讨论】：

试试 Model.SelectedDate = null
@Chellappan 已经尝试过，但不起作用
根据此包代码，您不能将输入设置为空，因为他正在检查您是否设置任何日期或将任何日期作为输入然后设置它，否则设置当前日期。
@FarhatZaman 能否将链接发给我阅读？
github.com/CuppaLabs/angular2-datetimepicker/tree/master/src/…

标签： angular datepicker

【解决方案1】：

将 [(ngModel)] 值初始化为 any 类型。

例如

HTML

<angular2-date-picker [(ngModel)]="selectedDate">

selectedDate : any;

【讨论】：

我已删除格式，但显示完整日期为 2018 年 12 月 26 日上午 11:50

【解决方案2】：

在这里最好尝试使用 mydatepicker，我们有更好的选择。 https://www.npmjs.com/package/mydatepicker 对于选项属性，请参阅： https://www.npmjs.com/package/angular4-datepicker

【讨论】：

我要使用 datetimepicker。
这里你会得到可以用来获取时间的epoc时间