How to bind date from API to ng-bootstrap Datepicker in formGroup

Question

Please find my issue below.

I'm using Angular 5 formGroup and ngbDatepicker for date input. Date picker is working for new form, Please let me know how to bind the date to the date picker through formGroup & formControlName.

Version of Angular and Bootstrap: Angular: 5 Bootstrap: 4

score 0 · Accepted Answer · answered Jan 21 '18 at 18:12

0

the only you need is that the input of ngbDatePicker was type of NgbDateStruct, that's is an Object with day,month and year properties

this.dataForm = this.fb.group({
     "fecha":[{year:2018,month:1,day:21}]
})

answered Jan 21 '18 at 18:12

Eliseo

50,109
4
29
67

I have created sample code in stackblitz, please check it so you have better understanding what I'm looking for https://stackblitz.com/edit/angular-ngbootstrap-datepicker?embed=1&file=app/app.component.html – Dinesh N.K Jan 22 '18 at 04:28
datepicker2: {year:parseInt(apiYear),month:parseInt(apiMonth),day:parseInt(apiDay)} – Eliseo Jan 22 '18 at 07:46
and
```
Model: {{ myForm?.value | json }}
```
– Eliseo Jan 22 '18 at 07:48
Yes worked perfectly!. @Eliseo Thanks for your time and response. – Dinesh N.K Jan 22 '18 at 10:42

How to bind date from API to ng-bootstrap Datepicker in formGroup

1 Answers1