Getting Angular UI to work

Question

I've just installed Angular UI and I'm having trouble to make it work. Here are the stepts I followed:

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'])

my html

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

And I get this error:

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

Using the JS console in chrome this works:

$('.datepicker').datepicker()

What am I doing wrong?

Probably could be closed as a duplicate of http://stackoverflow.com/questions/12472244/ — pkozlowski.opensource, Oct 10 '12 at 22:10

score 18 · Accepted Answer · answered Oct 10 '12 at 22:10

18

If I'm not mistaken you need to include jQuery before AngularJS / angular-ui files. Here is the jsFiddle with the angular-ui date picker working: http://jsfiddle.net/pkozlowski_opensource/aGpNf/6/

answered Oct 10 '12 at 22:10

pkozlowski.opensource

117,202
60
326
286

This is probably the problem, I've previously run into the same gotcha. – Russell Mull Oct 11 '12 at 06:01
This was exactly my problem also. Thank you! – Stirling Dec 14 '12 at 16:58
I see an input field, but where is the calendar? – Evan Zamir Jan 11 '13 at 04:07

Getting Angular UI to work

1 Answers1

Linked

Related