angulaire.js - angulaire-daterangepicker ne peut pas obtenir la valeur du modèle

Question

J'ai écrit une démo basée sur la documentation, je l'ai mise dans l'environnement de production, je l'ai testée et j'ai constaté que la valeur du modèle ne pouvait pas être obtenue. Quelqu'un ayant également utilisé ce plug-in a-t-il rencontré des problèmes similaires ? pour des conseils.

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

这个可能是js由js中对象是引用，值是复制的机制造成的

试下把绑定的变量挂载在一个对象上

像github里面的代码一样

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

rrreee