Question

我是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>

和打字稿部分

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);
}

最初是从这里https://www.npmjs.com/package/ng-pick-datetime

我实际上只是想对页面加载时显示的日期进行硬编码，在确定了之后，我确定可以从那里进行增强。

Answer 1

最后添加此代码有效，我敢肯定我在这里缺少一些基本的了解，但是到目前为止，这已经使我100％脱颖而出

  this.filterGroup = this._formBuilder.group({
  startDate: new FormControl(new Date(new Date().setHours(0,0,0,0)))
});

startDate是组件

<so-datetime-selector formControlName="startDate"  ></so-datetime-selector>

如何在猫头鹰日期时间组件上设置默认日期和时间

1 个答案: