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

【问题标题】：Angular - ng-pick-datetime: how to initialize the input value in a reactive formAngular - ng-pick-datetime：如何以反应形式初始化输入值
【发布时间】：2021-07-18 22:24:47
【问题描述】：

我正在使用流行的日期时间选择器 (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

非常感谢任何建议。

【问题讨论】：

建议：不要使用字符串，尝试使用实际的日期对象？

标签： angular typescript datepicker angular-reactive-forms

【解决方案1】：

感谢@MikeOne 的评论，我已验证您需要使用Date 对象或Moment 对象设置日期。

方法一：（日期字符串到日期）

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

或方法2：（日期字符串到时刻指定日期字符串格式）

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)] 绑定。

【讨论】：