Я пытаюсь получить datepicker для работы с AngularJS. Я использую jQuery, jQueryUI, Bootstrap и AngularJS в своем проекте. Я попробовал jQuery UI datepicker, но это, похоже, не работает (совсем нет) с Angular и его областью.AngularJS UI Datepicker с Bootstrap не работает
Я пробовал много вещей, и мой проект, вероятно, становится беспорядочным добавлением и удалением вещей. Я видел много рабочих примеров, и я не могу понять, что я делаю неправильно в своем проекте. Я довольно новичок в Angular, это первый раз, когда я использую его в проекте.
В настоящее время я пытаюсь получить угловую-щ/самозагрузки 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-самозагрузки-заказ ВДУ-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 у меня есть ng-app = "myApp" в html-теге. Работающий контроллер (если я не добавляю следующий нг-контроллер →) и нг-контроллер =»DatepickerController», который дает следующее сообщение об ошибке:
Argument 'DatepickerController' is not a function, got undefined
Я надеюсь, что кто-то может сказать мне, что я делаю неправильно, мой проект зависит от этого!
Можете ли вы попробуйте удалить эту квадратные скобки от модуля creation.angular.module ('myApp', []). controller ('DatepickerController', ..... – katmanco
Я удалил их, но у меня все еще такая же проблема :-( – Wouter