javascript - 如何将 Bootstrap-datepicker 元素与 angularjs ng-model 绑定(bind)？

Question

这是日期字段的 html:

<div class='form-group'>
  <label>Check out</label>
    <input type='text' ng-model='checkOut' class='form-control' data-date-format="yyyy-mm-dd" placeholder="Check out" required id="check-out">
</div>
<script>
$('#check-out').datepicker();
</script>

日期选择器显示在输入字段中。但是，如果我在我的 Controller 中这样做:

console.log($scope.checkOut);

我在 javascript 控制台中得到 undefined。 如何解决？
有没有更好的方法将 bootstrap-datepicker 与 angularjs 一起使用？

我不想使用 angular-ui/angular-strap，因为我的项目中充斥着 javascript 库。

Answer 1

正如@lort 所建议的，您无法从 Controller 访问日期选择器模型，因为日期选择器有其自己的私有(private)范围。

如果你设置:ng-model="parent.checkOut"

并在 Controller 中定义:$scope.parent = {checkOut:''};

您可以使用以下方式访问日期选择器:$scope.parent.checkOut