Angular UI Datepicker無法正常工作

Javascript控制檯中沒有錯誤，所有資源似乎都在加載，但點擊輸入文本字段時不彈出日期選擇器。Angular UI Datepicker無法正常工作

app.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>

來源

2013-07-19 alyx

如果沒有使用http://plnkr.co/（或類似的）的現場複製場景，它將幾乎不可能在這一個幫助你。 –

是不是日期選擇器應該是一個元素，而不是屬性？ – rGil

我想你已經混合了2個庫：https：//github.com/angular-ui/bootstrap和AngularStrap - 這兩個庫完全不同，但都有datepicker。你打算使用哪一個？ –

儘管這是一個老問題，但我認爲這可能會幫助一些在未來。我發現flat-ui CSS和angular ui的日期選擇器在對方表現不佳。我遇到了同樣的問題，並通過反覆試驗發現，從我的導入中刪除flat-ui.css使datepicker出現。

爲我工作的解決方案是添加以下自定義CSS。

ul.dropdown-menu { 
    visibility: visible; 
    opacity: 1; 
}

來源

2015-08-02 09:10:53

Angular UI Datepicker無法正常工作

回答

相關問題