最初将Angular2-DatePicker设置为空

Question

我已按照此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
}

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

Answer 1

将[（ngModel）]值初始化为类型any。

例如

HTML

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

TS

selectedDate : any;

Answer 2

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