Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJs DatePicker-日历下拉列表不';我对模型的改变没有反应_Javascript_Jquery_Angularjs_Datepicker - Fatal编程技术网

Javascript AngularJs DatePicker-日历下拉列表不';我对模型的改变没有反应

Javascript AngularJs DatePicker-日历下拉列表不';我对模型的改变没有反应,javascript,jquery,angularjs,datepicker,Javascript,Jquery,Angularjs,Datepicker,我正在使用AngularJs datepicker,并且在这个问题上陷入了一段时间 在我的应用程序中,用户可以使用datepicker的日历选择日期,也可以单击“本月”自动将日期设置为本月 单击本月按钮将激活控制器中的模型更改,如下所示: if (when == 'this_month') { $scope.date_from = Date.today().moveToFirstDayOfMonth().toString('dd-MM-yyyy'); $scope.date_to

我正在使用AngularJs datepicker,并且在这个问题上陷入了一段时间

在我的应用程序中,用户可以使用datepicker的日历选择日期,也可以单击“本月”自动将日期设置为本月

单击本月按钮将激活控制器中的模型更改,如下所示:

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">

它对任何事情都适用:日期被更改,文本输入显示这个月的日期,等等

但是,唯一的错误是日历本身没有与日期更改同步(即,仍然显示在此之前选择的月份的视图)

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

那么我应该如何点击日期选择器的日历呢?

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">
其他方式

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

我认为您输入日期的日期格式与日期选择器的预期不同步。。因此,您的ng模型没有得到更新,或者日期没有得到正确解析
$scope.$watch('date_form', function (date_form) { 
  $scope.dateForm = date_form;
 });
  $scope.$watch('date_to', function (date_to) { 
  $scope.dateTo = date_to;
 });