angular.js - angular-daterangepicker 获取不到model值

Question

根据文档写了一个demo，放到生产环境测试发现获取不到model值，有同样使用该插件的同学碰到类似问题吗，求教。

github：https://github.com/fragaria/a...

HTML:

<p ng-controller="AppCtrl">
    <input date-range-picker class="form-control date-picker" type="text" ng-model="date" options="{
        timePicker: true,
        timePickerIncrement: true,
        timePicker24Hour: true,
        timePickerSeconds: true,
        locale: {
            applyLabel : '确定',  
            cancelLabel : '取消',  
            fromLabel : '起始时间',  
            toLabel : '结束时间',  
            customRangeLabel : '自定义',  
            daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],  
            monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月' ],  
            format: 'YYYY-MM-DD HH:mm:ss'
        }
    }"/>
    <a href="javascript:;" ng-click="getDate()">save</a>
</p>

JS:

var app = angular.module('test',['daterangepicker']);

app.config(function($interpolateProvider,$httpProvider, $controllerProvider, $compileProvider, $filterProvider, $provide){
 
});

app.controller('AppCtrl',function($scope,$http){

    $scope.getDate = function(){
        console.log($scope.date);
    }

    $scope.$watch('date', function(newDate) {
        console.log('New date set: ', newDate);
    }, false);

});

angular.bootstrap(document,['test']);

Answer 1

This may be caused by the mechanism in js where objects are references and values ​​are copied

Try mounting the bound variables on an object

Like the code in github

exampleApp.controller('TestCtrl', function ($scope) {
    $scope.datePicker.date = {startDate: null, endDate: null};
}