javascript - Kawalan datepicker yang disediakan oleh angualr-ui-bootstrap, pengikatan kepada model ng gagal.

Question

Kedua-dua kotak input telah diikat dengan model ng dan digunakan untuk membentangkan data yang diperoleh daripada latar belakang. Walau bagaimanapun, kerana uib-datepicker-popup="yyyy-MM-dd HH:mm:ss" ditulis dalam input pertama, data terikat tidak boleh ditulis pada input. Gambar ini ialah kesan yang muncul selepas mengklik kawalan masa...

phpcn_u1582 · Answer

Saya pernah hadapi masalah ini sebelum ini, ng-bootstrap的时间格式默认是date object，我也遇到过这个问题，我写了个directive把date-picker的事件对象直接转成string.

.directive('dateModelFormat', ['dateFilter', '$parse', function(dateFilter, $parse){
    return {
        restrict: 'A',
        require:'?ngModel',
        link: function(scope, element, attr, ngModel){
            ngModel.$parsers.push(function(viewValue){
                return dateFilter(viewValue, 'yyyy-MM-dd');
            });
        }
    }
}])