Angular FormControl中的jQuery datepicker

Question

我在 xdsoft 中使用 DateTimePicker jQuery 绑定值时遇到问题： https://xdsoft.net/jqplugins/datetimepicker/

我使用 ReactiveFormsModule

构建了 FormControl

我有<form [formGroup]="myForm">

其中有两个输入：

<input type="text" formControlName="name">
<input type="text" id="datetimepicker" formControlName="date" />

FormControl 用于“名称” 正常。

但是，“日期” 的 FormControl 在以下位置不显示任何值：

{{ myform.value | json }}

StackBlitz：

https://stackblitz.com/edit/angular-mmsjj7?file=src/app/app.component.ts

GIF显示问题：

Answer 1

尝试一下-

$('#datetimepicker').datetimepicker({
      timepicker: false,
      format: 'd.m.Y',
      onClose: (dateText, inst) => {
      this.myForm.controls['date'].setValue(dateText);
    }
    });

更新

从日期中删除表单控件，因为我们正在为其控件显式分配值。

<input type="text" formControlName="name">
<input type="text" id="datetimepicker" />

Working example