Ngx-bootstrap: feat(datepicker): There is a way of use datepickers in reactives forms?

Created on 25 Aug 2016 · 24Comments · Source: valor-software/ngx-bootstrap

Actually i need to use validators on each form, so i was wondering if there is a way of use FormControl instead of ngModel, thanks in advance.

comp(datepicker)

Source

jlberrocal

👍10

Most helpful comment

This week finishing modal service and time picker,
Starting from next week focus on finishing datepicker and Typeahead

valorkin on 3 Jul 2017

🎉2

All 24 comments

I also have this problem.

sublime392 on 21 Sep 2016

I think this is related to https://github.com/valor-software/ng2-bootstrap/issues/893 and https://github.com/valor-software/ng2-bootstrap/issues/959

Martin-Wegner on 22 Sep 2016

https://github.com/valor-software/ng2-bootstrap/pull/1023

Martin-Wegner on 23 Sep 2016

Is there a way to use datepicker in reactive form?

Kosmonaft on 7 Oct 2016

👍1

Actually i need to use validators on each form, so i was wondering if there
is a way of use FormControl instead of ngModel, thanks in advance.

You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/valor-software/ng2-bootstrap/issues/893

sioquim on 7 Oct 2016

sublime392 on 3 Nov 2016

I need this too. :(

GuskiS on 17 Nov 2016

👍1

@GuskiS If you need a workaround: I had to pull in the PrimeNG library to get a datepicker I can use with reactive forms.

sublime392 on 18 Nov 2016

@iherbivore Thanks, I will look into.

GuskiS on 18 Nov 2016

Sweet, any ideas when this gonna be NPM?

GuskiS on 7 Dec 2016

I need to add new injection service, to work with 2.2+

valorkin on 7 Dec 2016

With out hacks

valorkin on 7 Dec 2016

I'm anxious to see this change released as well, and there is the same issue with the typeahead control...

glitchbane on 1 Jan 2017

BTW date picker should work with reactive forms in latest versions
New injection service released, you can check popover implementation.

valorkin on 1 Jan 2017

I tried it in v1.1.16-7 and it wasn't working when used like this:

  <datepicker [formControlName]='field.name' [name]='field.name' ...></datepicker>

because name wasn't valid attribute for datepicker, but I need the name.

GuskiS on 1 Jan 2017

Update came somewhere 16-9+

valorkin on 1 Jan 2017

i want to use timepicker with formControlname="time", but get NaN as a value. Is this because it's not supported or i'm doing something wrong?

elmartino on 22 Jan 2017

Facing the same issue. If it's working with the newest version, so that would would be nice to have a working plunkr as example and updated documentation as well.

stephsavoie on 3 Feb 2017

<datepicker formControlName="license_expire_date" [formControl]="registerFormProvider.controls['license_expire_date']" name="license_expire_date"></datepicker>

throws: 'datepicker' is not a known element:

I'm also facing the same problem any solution to this ?