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

Question

兩個input框，都已經用ng-model綁定，用來呈現從後台取得的資料。但因為第一個input內寫了uib-datepicker-popup="yyyy-MM-dd HH:mm:ss"導致綁定的資料無法寫到input內。

#這張圖是點選時間控制項之後出現的效果，因為第一個input對時間進行了格式化，所以顯示的資料符合要求。

現在的問題就是如何在確保頁面載入完成後第一個input框既能顯示獲取的數據，又要保證點擊時間控制按鈕的時候獲得的時間滿足格式要求呢？

第一次提問，語言組織的有點亂，還望看到的朋友見諒！
希望有愛的朋友能解答一下這個問題

Answer 1

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