angular.js - angular-daterangepicker tidak boleh mendapatkan nilai model
漂亮男人
漂亮男人 2017-05-15 17:07:28
0
1
623

Saya menulis demo berdasarkan dokumentasi, memasukkannya ke dalam persekitaran pengeluaran dan mengujinya dan mendapati bahawa nilai model tidak dapat diperolehi Adakah sesiapa yang juga menggunakan pemalam ini menghadapi masalah yang sama untuk nasihat.

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']);
漂亮男人
漂亮男人

membalas semua(1)
淡淡烟草味

Ini mungkin disebabkan oleh mekanisme dalam js di mana objek adalah rujukan dan nilai disalin

Cuba lekapkan pembolehubah terikat pada objek

Suka kod dalam github

exampleApp.controller('TestCtrl', function ($scope) {
    $scope.datePicker.date = {startDate: null, endDate: null};
}
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan