La liaison de données bootstrap datepicker avec angular 4 ne fonctionne pas - javascript, jquery, twitter-bootstrap, angular, bootstrap-datepicker

J'ai utilisé datesticker bootstrap pour obtenir ledate du don pour les utilisateurs de mon application de don de sang. Lorsque l'utilisateur clique sur la zone de saisie, le calendrier apparaît et l'utilisateur peut sélectionner la date, mais j'obtiens la même valeur NULL. Mais si je sélectionne le curseur dans ce champ de texte et que j'appuie sur une touche telle que space, il lit la valeur et la liaison fonctionne. Comment puis-je résoudre ce problème. S'il vous plaît aider

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

Et dans mon constructeur d'appli angulaire

this.date = null;

Et j'ai un bouton d'envoi qui passe la datevaleur à la fonction. Si je vois la console consigner la valeur de la date après avoir sélectionné la date dans la fonction, elle est toujours nulle car elle n’a pas changé la valeur.

Réponses:

Je ne suis pas sûr du boosteur de date boostrap, mais vous voudrez peut-être envisager d'utiliser:

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