使Angular UI工作

Question

我刚刚安装了 Angular UI ，但无法使其正常工作。这是我遵循的步骤：

index.html（Angular v1.0.1，AngularUI v0.2.1）

<script src="scripts/vendor/angular.js"></script>
<script src="scripts/vendor/jquery-1.7.2.js"></script>
<script src="scripts/vendor/jquery-ui-1.8.18.js"></script>
<script src="scripts/vendor/bootstrap.js"></script>
<script src="scripts/vendor/angular-ui.js"></script>

app.js

var publicApp = angular.module('publicApp', ['ngResource', 'ui'])

我的HTML

<input name="dateField" class="datepicker" value="Click Here for Datepicker" ui-date>

我得到这个错误：

TypeError: Object [[object HTMLInputElement]] has no method 'datepicker'

在chrome中使用JS控制台可以正常工作：

$('.datepicker').datepicker()

我究竟做错了什么？

Answer 1

如果我没记错的话，您需要 在 AngularJS / angular-ui文件 之前 包含jQuery 。这是可使用angular-
ui日期选择器的jsFiddle：http :
//jsfiddle.net/pkozlowski_opensource/aGpNf/6/