如何在 Angular 4 的引导日期选择器中设置默认日期？答案

【问题标题】：How to set default Date in bootstrap datepicker in Angular 4?如何在 Angular 4 的引导日期选择器中设置默认日期？
【发布时间】：2018-03-31 05:43:30
【问题描述】：

我在 Angular 4 中使用 Bootstrap Datepicker，我想在文本框中将当前日期设置为默认值，这是我的代码：

// COMPONENT CODE
$('#submission_date').datepicker({
  autoclose: false,
  format: 'yyyy-mm-dd'
})

HTML 代码：

<input type="text" formControlName="submission_date" ngModel="{{getAssignment.submission_date | date: 'yyyy-MM-dd'}}" id="submission_date">

注意：我使用的是响应式表单。

【问题讨论】：

【解决方案1】：

您可以使用NgModel 或formControlName。

对于ngModel 使用：

const getAssignment.submission_date: NgbDateStruct = { year: 1789, month: 7, day: 14 }; // July, 14 1789

或formControlName 使用：

this.submission_date.setValue({ year: 1789, month: 7, day: 14 });

【讨论】：