选择日期时，bootstrap-datepicker 不会更新 AngularJS 模型答案

【问题标题】：bootstrap-datepicker does not update AngularJS model when picking date选择日期时，bootstrap-datepicker 不会更新 AngularJS 模型
【发布时间】：2017-01-17 18:58:46
【问题描述】：

我正在使用带有this bootstrap-datepicker plugin 的AngularJS：

Bootstrap v1.6.4 的日期选择器 (https://github.com/eternicode/bootstrap-datepicker)

版权所有 2012 Stefan Petre

安德鲁·罗尔斯的改进

我是这样绑定的：

<input type="text" data-provide="datepicker" ng-model="obj.FirstDate" />

我使用 ng-model 获取输入值。

当我使用键盘在此字段中输入日期时，一切正常，但是当我单击一个字段并从 Datepicker 中选择一个日期时：

模型未更新，
该字段未被视为脏字段（无 ng-dirty 类）。

在使用 Datepicker 时，有没有办法告诉 Angular 更新 obj.FirstDate 的值？例如将其附加到事件？或者任何其他可行的方式？

我有一些这样的字段，所以我不想编写使用其id 附加到字段的脚本。任何帮助表示赞赏。

【问题讨论】：

标签： javascript jquery angularjs twitter-bootstrap datepicker

【解决方案1】：

经过很长时间的努力，我不得不使用下面的代码来一次修复我的每个 datepicker 实例：

function fixDatepickerTriggerChange() {
    $(document).ready(function () {
        $('[data-provide="datepicker"]').datepicker().on('changeDate', function (e) {
            angular.element($(this)).triggerHandler('input');
        });
    });
}

并从angular.controller 中运行它。

基于此答案：https://stackoverflow.com/a/23850753/1813219。

【讨论】：