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 stackoverflow.com/questions/12472244 — pkozlowski.opensource
– pkozlowski.opensource, Commented Oct 10, 2012 at 22:10

pkozlowski.opensource · Accepted Answer · 2012-10-10 22:10:08Z

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, 2012 at 22:10

pkozlowski.opensource

117k60 gold badges329 silver badges286 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Russell Mull Over a year ago

This is probably the problem, I've previously run into the same gotcha.

Evan Zamir Over a year ago

I see an input field, but where is the calendar?

Collectives™ on Stack Overflow

Getting Angular UI to work

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related