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
我实际上只是想硬编码一个在页面加载时显示的日期,在我弄清楚之后,我很确定我可以从那里进行增强。
最后添加这个是有效的,我确信我在这里缺少一些基本的理解,但现在,这已经让我 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)
| 归档时间: |
|
| 查看次数: |
7796 次 |
| 最近记录: |