AngularJs DatePicker - 日历下拉列表不会对模型更改做出反应

Question

我正在使用AngularJs datepicker并暂时停留在这个问题上。

在我的应用中，用户可以使用日期选择器的日历来选择日期，也可以点击“本月”自动将日期设置为本月。

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

Console.WriteLine("Enter Side 1");
double x = double.Parse(Console.ReadLine());
Console.WriteLine("Enter Side 2");
double y = double.Parse(Console.ReadLine());

double answer = Math.Sqrt(Math.Pow(x, 2) - Math.Pow(y, 2)); ;
answer = Math.Round(answer, 4);
Console.WriteLine("Side 3 is ~ {0}", answer);

HTML

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

它适用于所有事情：日期变更，文本输入显示本月的日期等。

但是，唯一不对的是日历本身不是最新的日期更改（即仍然显示之前选择的月份的视图）

例如，在此屏幕截图中，当点击“上个月”时，日历仍会显示本月视图。

我应该如何点击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">

Angular 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;
 });