uib-datepicker-popup 在我的 Angular 应用程序中不起作用

Question

uib-datepicker-popup 在我的 Angular 应用程序中不起作用，我在其他控制器中工作

<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

您需要在open 函数中将$scope.delivery_time_popup 的值更改为true。

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

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

在您的 html 中将 ng-click 更改为 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">

控制器

$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
    };
});