Bootstrap datepicker liaison de données avec angulaire 4 ne fonctionne pas

J'ai utilisé bootstrap datepicker pour obtenir la date de don pour les utilisateurs dans mon application de don de sang. Après que l'utilisateur clique sur la boîte de saisie, le calendrier apparaît et l'utilisateur peut sélectionner la date, mais j'ai la même valeur nulle. Mais si je sélectionne le curseur dans ce champ de texte et appuie sur une touche comme l'espace, il lit la valeur et la liaison fonctionne. Comment puis-je résoudre ce problème? S'il vous plaît aiderBootstrap datepicker liaison de données avec angulaire 4 ne fonctionne pas

   <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 de l'application angulaire

this.date = null;

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

Source

2017-09-04 Rabin Poudyal