AngularJS UI Datepicker与Bootstrap无法正常工作

Question

我正试图让一个日期选择器与AngularJS一起工作。 我在我的项目中使用jQuery，jQueryUI，Bootstrap和AngularJS。 我尝试了jQuery UI datepicker，但是使用Angular和它的范围看起来效果不好（根本不是）。

我尝试了很多东西，我的项目可能会变得混乱添加和删除东西。 我见过许多有用的例子，我无法弄清楚我在项目中做错了什么。 我是Angular的新手，这是我第一次在项目中使用它。

目前我正在尝试使用我在这里找到的angular-ui / bootstrap datepicker： http ： //angular-ui.github.io/bootstrap/

以下顺序包含在头部中。 我遗漏了标签以便更好地阅读，我可以保证一切都装得很好。

// CSS files
css/bootstrap-custom.min.css
css/myOwnStylesheet.css
css/jquery-ui.css

// JS files
js/jquery.js
js/jquery-ui.js
https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js
https://cdnjs.cloudflare.com/ajax/libs/angular-i18n/1.2.15/angular-locale_nl-nl.js <- I need this for language specific things, like currency format

js/bootstrap.min.js
js/ui-bootstrap-custom-tpls-0.12.1.js <- I also tried without the tpls
js/myApp.js <- where I start my Angular app
js/ui-datepicker.js <- some code I copy pasted and edited from http://angular-ui.github.io/bootstrap/

我还会发布一些我的问题重要文件的内容。

myApp.js

var myApp = angular.module('myApp',['ui.bootstrap']);

ui-datepicker.js（已尝试过一些变化）

angular.module('myApp').controller('DatepickerController', ['$scope', function ($scope) {
// … lots of stuff here, copy pasted from my source (http://angular-ui.github.io/bootstrap/) and not edited
}]);

UI的自举定制TPLS-0.12.1.js

angular.module("ui.bootstrap", ["ui.bootstrap.tpls","ui.bootstrap.datepicker","ui.bootstrap.dateparser","ui.bootstrap.position"]);
angular.module("ui.bootstrap.tpls", ["template/datepicker/datepicker.html","template/datepicker/day.html","template/datepicker/month.html","template/datepicker/popup.html","template/datepicker/year.html"]);
angular.module('ui.bootstrap.datepicker', ['ui.bootstrap.dateparser', 'ui.bootstrap.position'])
// … some other untouched code ...

现在对于HTML，我在html-tag中有一个ng-app =“myApp”。 一个工作控制器（如果我不添加以下ng-controller→）和一个ng-controller =“DatepickerController”，它给出以下错误：

参数'DatepickerController'不是函数，未定义

我希望有人可以告诉我我做错了什么，我的项目取决于它！

Answer 1

我觉得你输入代码时迷路了，我不明白你为什么要添加tpls和其他模块，检查这个plunker，保持plunker简单的链接

see the link