Bootstrap powiązanie danych Datepicker z kątowym 4 nie działa - javascript, jquery, twitter-bootstrap, kątowy, bootstrap-datepicker

Użyłem datepicker bootstrap, aby uzyskaćdata darowizny dla użytkowników w mojej aplikacji do oddawania krwi. Gdy użytkownik kliknie na pole wprowadzania, pojawi się kalendarz, a użytkownik może wybrać datę, ale otrzymuję tę samą wartość pustą. Ale jeśli wybiorę kursor do tego pola tekstowego i naciśniemy klawisz taki jak spacja, odczyta wartość i działa bindowanie. Jak mogę naprawić ten problem. Proszę pomóż

                <h3 class="h2">Your Next Donation Schedule</h3>
<div class="form-group datepicker">
<label for="datepicker">Last Donated</label>
<input type="text" name="date" id="datepicker" class="form-control" value="date" data-provide="datepicker"  [(ngModel)]="date">
</div>

I w moim kanciastym konstruktorze aplikacji

this.date = null;

I mam przycisk przesyłania, który przekazuje datęwartość do funkcji. Jeśli widzę, że konsola rejestruje wartość daty po wybraniu daty z wewnątrz funkcji, nadal jest pusta, ponieważ nie zmieniła wartości.

Odpowiedzi:

Nie jestem pewien co do datapicker boostrap, ale warto rozważyć użycie:

https://js.devexpress.com/Demos/WidgetsGallery/Demo/DateBox/Overview/Angular/Light/