2012-10-10 43 views
11

Acabo de instalar UI angular y tengo problemas para hacerlo funcionar. Estos son los stepts he seguido:Obtención de la interfaz de usuario angular para trabajar

index.html (v1.0.1 angular, 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']) 

mi html

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

Y obtengo este error:

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

Uso de la consola JS en cromo funciona esto:

$('.datepicker').datepicker() 

¿Qué estoy haciendo mal?

+0

probablemente podría ser cerrado como un duplicado de http://stackoverflow.com/questions/12472244/ –

+0

1 para la pregunta. Esto también me estaba plagando. – Stirling

Respuesta

18

Si no me equivoco, es necesario incluir jQuery antes AngularJS/archivos angular-ui. Aquí es el jsFiddle con el angular-ui de trabajo selector de fechas: http://jsfiddle.net/pkozlowski_opensource/aGpNf/6/

+0

Probablemente este sea el problema, ya me encontré con el mismo problema. –

+0

Este fue exactamente mi problema también. ¡Gracias! – Stirling

+0

Veo un campo de entrada, pero ¿dónde está el calendario? –

Cuestiones relacionadas