0

Javascript 控制台中没有错误，所有资源似乎都在加载，但是单击输入文本字段时不会弹出日期选择器。

应用程序.js

 var app = angular.module('appform', ['ngSanitize','ui.bootstrap', 'leaflet-directive']).
  config(['$routeProvider', function($routeProvider) {
  $routeProvider.
      when('/', {templateUrl: 'partials/landmark-list.html', controller: LandmarkListCtrl}). 
}]);

HTML

    <div class="control-group input-append">
      <input type="text" ng-model="landmark.time.start" data-date-format="dd/mm/yyyy" bs-datepicker>
      <button type="button" class="btn" data-toggle="datepicker"><i class="icon-calendar"></i></button>
    </div>

index.html 资源

  <link rel="stylesheet" href="css/app.css">
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/bootstrap-datepicker.css">
  <link href="css/flat-ui.css" rel="stylesheet">

  <script src="lib/jquery/jquery-1.10.1.min.js"></script>
  <script src="lib/angular/angular.min.js"></script>
  <script src="lib/angular/angular-sanitize.min.js"></script>
  <script src="lib/angular/angular-resource.js"></script>
  <script src="lib/angular/ui-bootstrap-0.3.0.min.js"></script>
  <script src="lib/angular-leaflet-directive.js"></script>
  <script src="lib/bootstrap-datepicker.js"></script>

  <script src="js/app.js"></script>
  <script src="js/controllers.js"></script>
  <script src="js/filters.js"></script>
  <script src="js/services.js"></script>
4

1 回答 1

0

虽然这是一个老问题，但我认为这可能对未来有所帮助。我发现 flat-ui CSS 和 angular ui 的 datepicker 彼此之间表现不佳。我遇到了同样的问题，通过反复试验发现从我的导入中删除 flat-ui.css 会使 datepicker 出现。

对我有用的解决方案是添加以下自定义 css。

ul.dropdown-menu {
    visibility: visible;
    opacity: 1;
}
于 2015-08-02T09:10:53.230 回答