Angular UI Datepicker无法正常工作

Question

我已按照此处描述的步骤使Angular UI工作,此处如何将AngularUI集成到AngularJS？,但无法获取弹出的日期选择器.

请注意,在接受的答案中,两个帖子中的小提琴都不起作用.

有什么建议？这个小工具是在最新版本的angular-ui上工作的吗？

更新:我的资源导入

<link href="/assets/jquery-ui-1.10.2.custom.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/angular-ui.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap.min.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/home.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/project.css?body=1" media="all" rel="stylesheet" type="text/css" />
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-ui-1.10.2.custom.min.js?body=1" type="text/javascript"></script>
<script src="/assets/angular.min.js?body=1" type="text/javascript"></script>
<script src="/assets/angular-ui.min.js?body=1" type="text/javascript"></script>
<script src="/assets/angular-resource.min.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/directives.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.hotkeys.js?body=1" type="text/javascript"></script>
<script src="/assets/module.js?body=1" type="text/javascript"></script>
<script src="/assets/underscore-min.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>

模块声明:

angular.module('project', ['ngResource', 'ui.directives']);

标签:

<input type="text" ng-model="date" ui-date/>

Answer 1

它们缺少外部引用(JS和CSS上都有404).所以这可能是由于缺少参考文献.这是一个有效的例子.

请记住,AngularUI主要包装jQueryUI插件.所以你需要在AngularUI之前使用jQueryUI,在jQueryUI之前使用jQuery.和角度本身在AngularUI之前.只需确保您拥有以下CSS:

1. jQueryUI(http://jqueryui.com/)
2. AngularUI(http://angular-ui.github.io/)
3. 你的应用

这些JS文件按以下顺序排列:

1. jQuery,所以你可以安全地加载jQuery UI插件(Datapicker)
2. jQueryUI,所以你AngualrUI可以利用它的插件(Datepicker)
3. Angular,因此AngularUI可以访问Angular框架
4. AngualrUI
5. 您的模块声明,引用ui.directives模块.