Angular 5 datepicker incorrect value

Question

I'm using ng2-eonasdan-datetimepicker in an Angular 5 project, but I'm having issues with the value when I use it to select year only.

I select the year and the value displays correctly in the input, but other value is shown when I display the value from formBuilder.get:

I need only the year to send to my API. How to solve this?

My Input:

<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>

FormBuilder:

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: [],
    })
});

Dignesh · Accepted Answer · 2018-10-25 12:12:37Z

0

can you check with passing option like -

options = { format: "YYYY", };

check here - https://www.npmjs.com/package/ng2-eonasdan-datetimepicker

answered Oct 25, 2018 at 12:12

Dignesh

1161 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

jflizandro Over a year ago

I'm using this in [options] in the input

Dignesh Over a year ago

Input field showing Year only but you are not getting same in form control - modelYear ?

jflizandro Over a year ago

Exactly this! The problem is in the value in the form control. The input field is ok!

Dignesh Over a year ago

ok, you can use pipe inside the component to format date before sending to api like - this.formName.value.modelYear = this.datePipe.transform(new Date(this.formName.value.modelYear), 'YYYY'); look at - stackoverflow.com/questions/44844861/…

jflizandro Over a year ago

Solved! Thank you!

Collectives™ on Stack Overflow

Angular 5 datepicker incorrect value

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related