Angular 5 datepicker 值不正确
Angular 5 datepicker incorrect value
我在 Angular 5 项目中使用 ng2-eonasdan-datetimepicker,但是当我只使用它到 select 年时,我遇到了值问题。
我 select 年份和值在输入中正确显示,但是当我显示来自 formBuilder.get:
的值时显示其他值
我只需要年份就可以发送到我的API。如何解决?
我的输入:
<div class="form-group" [ngClass]="{'has-error' : hasError('modelYear', 'vehicle')}">
<label>Ano {{ createRemovalForm.get('vehicle.modelYear').value }}</label>
<input type="text" a2e-datetimepicker [options]="{locale: 'pt-br', format: 'YYYY'}" class="form-control dt-placeholder" placeholder="Ano" formControlName="modelYear">
</div>
表单生成器:
this.createRemovalForm = this.fb.group({
idAuction: ['', Validators.required],
idRemovalType: ['', Validators.required],
addressRemLat: ['', Validators.required],
addressRemLng: ['', Validators.required],
addressRemShort: ['', Validators.required],
addressRemLong: ['', Validators.required],
addressRemCity: ['', Validators.required],
financedInsuredName: ['', Validators.required],
bankInsurerName: ['', Validators.required],
contract: ['', Validators.required],
acessory: ['', Validators.required],
scheduled: [true, Validators.required],
dtToRemove: ['', Validators.required],
contactName: ['', Validators.required],
contactPhone: ['', Validators.required],
vehicle: this.fb.group({
idRequestVehicleType: ['', Validators.required],
manufacturer: ['', Validators.required],
model: ['', Validators.required],
color: ['', Validators.required],
modelYear: ['', Validators.required],
plate: ['', Validators.required],
chassis: ['', Validators.required],
observation: [],
})
});
你能检查传递的选项吗 -
选项={
格式:"YYYY",
};
在此处查看 - https://www.npmjs.com/package/ng2-eonasdan-datetimepicker
我在 Angular 5 项目中使用 ng2-eonasdan-datetimepicker,但是当我只使用它到 select 年时,我遇到了值问题。
我 select 年份和值在输入中正确显示,但是当我显示来自 formBuilder.get:
的值时显示其他值我只需要年份就可以发送到我的API。如何解决?
我的输入:
<div class="form-group" [ngClass]="{'has-error' : hasError('modelYear', 'vehicle')}">
<label>Ano {{ createRemovalForm.get('vehicle.modelYear').value }}</label>
<input type="text" a2e-datetimepicker [options]="{locale: 'pt-br', format: 'YYYY'}" class="form-control dt-placeholder" placeholder="Ano" formControlName="modelYear">
</div>
表单生成器:
this.createRemovalForm = this.fb.group({
idAuction: ['', Validators.required],
idRemovalType: ['', Validators.required],
addressRemLat: ['', Validators.required],
addressRemLng: ['', Validators.required],
addressRemShort: ['', Validators.required],
addressRemLong: ['', Validators.required],
addressRemCity: ['', Validators.required],
financedInsuredName: ['', Validators.required],
bankInsurerName: ['', Validators.required],
contract: ['', Validators.required],
acessory: ['', Validators.required],
scheduled: [true, Validators.required],
dtToRemove: ['', Validators.required],
contactName: ['', Validators.required],
contactPhone: ['', Validators.required],
vehicle: this.fb.group({
idRequestVehicleType: ['', Validators.required],
manufacturer: ['', Validators.required],
model: ['', Validators.required],
color: ['', Validators.required],
modelYear: ['', Validators.required],
plate: ['', Validators.required],
chassis: ['', Validators.required],
observation: [],
})
});
你能检查传递的选项吗 -
选项={ 格式:"YYYY", };
在此处查看 - https://www.npmjs.com/package/ng2-eonasdan-datetimepicker