UIB-Datepicker-Popup nicht in meinem Winkel App arbeitet

Question

UIB-Datepicker-Popup nicht in meinem Winkel App arbeitet, arbeitet ich in einem anderen Controller

<input ng-click="open($event, 'delivery_time_popup')" type="text" class="form-control" uib-datepicker-popup="dd-MMMM-yyyy" show-weeks="false" ng-model="purchase_order.delivery_time" is-open="delivery_time_popup" datepicker-options="dateOptions" required close-text="Close" placeholder="Select Date"> 

JS

$scope.open = function ($event, opened) { 
     console.log(opened); 
     $event.preventDefault(); 
     $event.stopPropagation(); 
     $scope[opened] = true; 
    }; 

    $scope.delivery_time_popup = false; 

    $scope.dateOptions = { 
     formatYear: 'yy', 
     startingDay: 1 
    }; 

Answer 1

Sie ändern müssen Der Wert $scope.delivery_time_popup ist in der open-Funktion auf true festgelegt.

$scope.open = function ($event, opened) { 
    console.log(opened); 
    $event.preventDefault(); 
    $event.stopPropagation(); 
    $scope[opened] = true; 

    $scope.delivery_time_popup = true; //add this 
}; 

in Ihrem html die ng-click zu ng-focus

Plnkr example

HTML

<input ng-focus="open($event, 'delivery_time_popup')" type="text" class="form-control" uib-datepicker-popup="dd-MMMM-yyyy" show-weeks="false" ng-model="purchase_order.delivery_time" is-open="delivery_time_popup" datepicker-options="dateOptions" required close-text="Close" placeholder="Select Date"> 

ändern

CONTROLLER

$scope.open = function ($event, opened) { 
    console.log(opened); 
    $event.preventDefault(); 
    $event.stopPropagation(); 
    $scope[opened] = true; 

    $scope.delivery_time_popup = true; 
}; 

    $scope.delivery_time_popup = false; 

    $scope.dateOptions = { 
    formatYear: 'yy', 
    startingDay: 1 
    }; 
});