javascript – Die von angualr-ui-bootstrap bereitgestellte Datepicker-Steuerung, die Bindung an ng-model schlägt fehl.

Question

Die beiden Eingabefelder wurden mit ng-model verknüpft und dienen zur Darstellung der aus dem Hintergrund gewonnenen Daten. Da jedoch uib-datepicker-popup="yyyy-MM-dd HH:mm:ss" in die erste Eingabe geschrieben wird, können die gebundenen Daten nicht in die Eingabe geschrieben werden. Dieses Bild ist der Effekt, der nach dem Klicken auf die Zeitsteuerung erscheint ...

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');
            });
        }
    }
}])