Angular - ng-pick-datetime:如何以反应形式初始化输入值

Angular - ng-pick-datetime: how to initialize the input value in a reactive form

我正在使用流行的日期时间选择器 (https://www.npmjs.com/package/ng-pick-datetime) 构建表单。我尝试初始化 DateTime 输入的值,但到目前为止没有运气(事件默认值未在表单中设置)

详情请参考我的示例代码 https://stackblitz.com/edit/ng-pick-datetime-format-i18n-bh5lqi?devtoolsheight=33&file=src/app/app.component.ts

非常感谢任何建议。

归功于@MikeOne 的评论,我已确认您需要使用 Date 对象或 Moment 对象设置日期。

方法 1:(日期字符串到日期)

this.itineraryrForm.setValue({
  arrivalTime: new Date("01/01/2021 23:00")
});

或方法二:(日期字符串转时刻指定日期字符串格式)

this.itineraryrForm.setValue({
  arrivalTime: moment("01/01/2021 23:00", "DD/MM/YYYY HH:mm")
});

Solution on StackBlitz

注意:如果您将[formControl]用作it has been deprecated in Angular v6,建议您删除[(ngModel)]绑定。