如何在 owl-date-time 组件上设置默认日期和时间

Gav*_*ion 0 typescript angular

我是 Angular 的新手,我确信我错过了一些非常明显的东西,但我一生都不知道如何在这个组件上设置默认日期和时间。

<input class="form-control form-control-sm"
         [(ngModel)]="value"
         [owlDateTime]="dt1"
         [owlDateTimeTrigger]="dt1"
         placeholder="Date Time"
         (dateTimeChange)="onChange($event)">
<owl-date-time #dt1 [firstDayOfWeek]="1"></owl-date-time>
Run Code Online (Sandbox Code Playgroud)

和打字稿部分

export class DatetimeSelectorComponent implements ControlValueAccessor {
public options: any[];
public value: moment.Moment;
_onChange: (value: any) => void;

constructor() {}
writeValue(value: any) {
  this.value = value;
}

registerOnChange(fn: (value: any) => void) {
  this._onChange = fn;
}

registerOnTouched() {}
onChange(value: any) {
  this._onChange(this.value);
}
Run Code Online (Sandbox Code Playgroud)

最初来自这里,https://www.npmjs.com/package/ng-pick-datetime

我实际上只是想硬编码一个在页面加载时显示的日期,在我弄清楚之后,我很确定我可以从那里进行增强。

Gav*_*ion 5

最后添加这个是有效的,我确信我在这里缺少一些基本的理解,但现在,这已经让我 100% 解决了

  this.filterGroup = this._formBuilder.group({
  startDate: new FormControl(new Date(new Date().setHours(0,0,0,0)))
});
Run Code Online (Sandbox Code Playgroud)

startDate 是组件

<so-datetime-selector formControlName="startDate"  ></so-datetime-selector>
Run Code Online (Sandbox Code Playgroud)