Bootstrap datepicker 数据绑定与 angular 4 不起作用答案

【问题标题】：Bootstrap datepicker data binding with angular 4 not workingBootstrap datepicker 数据绑定与 angular 4 不起作用
【发布时间】：2018-02-12 13:22:45
【问题描述】：

我已使用 bootstrap datepicker 在我的献血应用程序中获取用户的献血日期。用户点击输入框后，日历弹出，用户可以选择日期，但我得到相同的空值。但是，如果我将光标选择到该文本字段中并按空格之类的键，它会读取值并且绑定有效。我该如何解决这个问题。请帮忙

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

在我的 Angular 应用构造函数中

this.date = null;

我有一个提交按钮，可以将日期值传递给函数。如果我在从函数内部选择日期后看到控制台记录日期值，它仍然为空，因为它没有更改值。

【问题讨论】：

标签： javascript jquery twitter-bootstrap angular bootstrap-datepicker

【解决方案1】：

我不确定 boostrap 日期选择器，但您可能需要考虑使用：

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

【讨论】：