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吗?我希望这一个现在是正确的:我试过了,但我还没有声誉,所以我不算,对不起