javascript - angualr-ui-bootstrap提供的datepicker 控件，綁定ng-model失效。

Question

兩個input框，都已經用ng-model綁定，用來呈現從後台取得的資料。但因為第一個input內寫了uib-datepicker-popup="yyyy-MM-dd HH:mm:ss"導致綁定的資料無法寫到input內。這張圖是點擊時間控制之後出現的效果，...

phpcn_u1582 · Answer

我之前也遇到過這個問題，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');
            });
        }
    }
}])