Angular Ionic datetime只返回初始化值

Angular Ionic datetime只返回初始化值,angular,datetime,ionic-framework,form-control,Angular,Datetime,Ionic Framework,Form Control,我目前正在开发一款离子角度应用程序。为此,我需要一个页面上的datetime组件,它可以调整对象的创建日期。为此,我使用formGroup,但是当我选择另一个日期时,我总是在表单中得到初始化的日期 来自ts.NET文件的代码 ngOnInit() { this.activatedRoute.paramMap.subscribe(paramMap => { if (!paramMap.has('axleCounterId')) { return; }

我目前正在开发一款离子角度应用程序。为此,我需要一个页面上的
datetime
组件,它可以调整对象的创建日期。为此,我使用
formGroup
,但是当我选择另一个日期时,我总是在表单中得到初始化的日期

来自ts.NET文件的代码

ngOnInit() {
  this.activatedRoute.paramMap.subscribe(paramMap => {
    if (!paramMap.has('axleCounterId')) {
      return;
    }
    const axleCounterId = paramMap.get('axleCounterId');
    this.loadedAxleCounter = this.homeService.getAxleCounter(axleCounterId);
  });

  this.form = new FormGroup({
    date: new FormControl(this.loadedAxleCounter.creationDate, {
      updateOn: 'blur'
    }),
    dateTest: new FormControl(null, {
      updateOn: 'change'
    })
  })
}
来自html的代码:

<form [formGroup]='form'>
  <ion-item lines=none>
    <ion-avatar slot=start>
      <ion-icon *ngIf=loadedAxleCounter.creationDate name=checkmark-circle color=success size=large></ion-icon>
    </ion-avatar>
    <ion-label>
      <div style="white-space: normal; ">
        <h2>Date</h2>
        <h3>
          <ion-datetime id=datePickerPadding [pickerOptions]=customOption formControlName=date></ion-datetime>
        </h3>
      </div>
    </ion-label>
  </ion-item>
</form>

日期

有没有人第一眼就看出我的错误在哪里,或者有人能帮助我?非常感谢ion datetime组件在内部将value属性更新为其自己的处理程序方法中更改的值。你可以在

但这里我们使用的是定制的点击处理程序。所以从我们这边手工需要补表值<代码>完成处理程序将在单击时提供一个
事件
对象。其中包含
日、月、年
。所以你可以做如下的事情

handler: (event) => {
  this.form.get('date').patchValue(new Date(event.day.text + "-" + event.month.text + "-" + event.year.text).toDateString());
  console.log(this.form.value);
}

分叉和工作您可以创建具有可复制问题的stackblitz吗?您可以检查此问题并使用您的代码进行更新;)我用我的代码更新了tab2,因为你可以在控制台中看到事件。日志只显示“creationDateGiven”,即使你更新了日期,你能粘贴你创建的链接/堆栈闪电战的编辑器url吗?我希望这一个现在是正确的:我试过了,但我还没有声誉,所以我不算,对不起