AngularJs DatePicker-日历下拉列表不响应模型更改

Question

我正在使用AngularJs数据采集器，并在这个问题上卡住了一段时间。

在我的应用程序中，用户可以使用数据选择器的日历来选择日期，或者他们可以点击“本月”来自动将日期设置为本月。

点击本月按钮将激活控制器中的模型更改，如下所示：

if (when == 'this_month') {
    $scope.date_from = Date.today().moveToFirstDayOfMonth().toString('dd-MM-yyyy');
    $scope.date_to = Date.today().moveToLastDayOfMonth().toString('dd-MM-yyyy');
}

HTML

<input name="date_from" placeholder="Choose Date" class="input-small filter-element datepicker-dmy" data-date-format="dd-mm-yyyy" type="text" ng-model="date_from">

<input name="date_to" placeholder="Choose Date" class="input-small filter-element datepicker-dmy" data-date-format="dd-mm-yyyy" type="text" ng-model="date_to">

它适用于一切：日期更改，文本输入显示本月的日期，等等。

然而，唯一的错误是日历本身没有随着日期的变化而更新（即仍然显示在此之前选择的月份的视图）

例如，在这张截图中，当点击“上个月”时，日历仍然显示本月视图。

那么我应该如何进入DatePicker的日历呢？

Answer 1

HTML

<input name="date_from" ng-change = getDateFrom(date_from) placeholder="Choose Date" class="input-small filter-element datepicker-dmy" data-date-format="dd-mm-yyyy" type="text" ng-model="date_from">
<input name="date_to" placeholder="Choose Date" class="input-small filter-element datepicker-dmy" ng-change=getDateTo(date_to) data-date-format="dd-mm-yyyy" type="text" ng-model="date_to">

角JS

$scope.getDateTo = function (date_to) {
       $scope.dateTo = date_to;
        console.log(date_to);
 }
$scope.getDatefrom = function (date_from) {
       $scope.dateFrom = date_from;
       console.log(date_from);
 }

另一方面

$scope.$watch('date_form', function (date_form) { 
  $scope.dateForm = date_form;
 });
  $scope.$watch('date_to', function (date_to) { 
  $scope.dateTo = date_to;
 });