Question

我很难让这个日期选择器工作。

包含了javascript文件

<script src="js/ui-bootstrap.js"></script>
<script src="js/ui-bootstrap-tpls.js"></script>

索引页面中的

在我的app项目文件中我注入了它

 var testing = angular.module("testing", ["common.services", "ui.router", "ui.bootstrap"]);

标记

<span class="input-group-btn">
                <button type="button" class="btn btn-default" is-open="opened" datepicker-popup="yyyy" ng-click="open1($event)"><i class="glyphicon glyphicon-calendar"></i></button>
            </span>

主控制器

angular.module("testing").controller("MainController", ["$scope", MainController]);

function MainController($scope) {
    $scope.opened = false;
    $scope.open1 = function ($event) {
        $event.preventDefault();
        $event.stopPropagation();
        $scope.opened = !$scope.opened;
    };
}

但没有发生任何事情。

我错过了什么？

由于

Answer 1

您是否提到了完整的标记，或者如果这是您的完整标记，那么它就是错误的。这就是我使用的：

<input type="text" class="" uib-datepicker-popup="dd-MMMM-yyyy"  ng-model="startDate" min-date="minDate" max-date="cmaxDate" show-button-bar="false" show-weeks="false" is-open="isStartDatePickerOpen" required readonly/>


<span class="input-group-btn">
  <button type="button" class="btn btn-default inline" ng-click="startDatePickerToggle()"><i class="glyphicon glyphicon-calendar"></i>
  </button>
</span>


Controller:
$scope.startDatePickerToggle = function(){
  $scope.isStartDatePickerOpen = true;
};

ui-datepicker不工作角js

1 个答案: