与角度4无关的Bootstrap datepicker数据绑定

时间:2017-09-04 10:08:39

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

我已经使用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>

在我的角度应用构建器

this.date = null;

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

1 个答案:

答案 0 :(得分:0)

我不确定boostrap datepicker,但您可能需要考虑使用:

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