Javascript AngularJs DatePicker-日历下拉列表不';我对模型的改变没有反应
我正在使用AngularJs datepicker,并且在这个问题上陷入了一段时间 在我的应用程序中,用户可以使用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
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;
});