Angulaire UI Datepicker ne fonctionne pas
J'ai suivi les étapes décrites ici, Obtenir de l'Angulaire de l'INTERFACE utilisateur de travailler et ici Comment intégrer AngularUI à AngularJS?mais ne peut pas obtenir le datepicker de pop-up.
Noter que le violon refenrenced dans les deux post dans la accepté de répondre n'est pas de travail.
Des suggestions? est-ce gadget de travailler sur les dernières versions de angular-ui?
Mise à jour: Mes ressources importations
<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>
De la déclaration de module:
angular.module('project', ['ngResource', 'ui.directives']);
Le tag:
<input type="text" ng-model="date" ui-date/>
source d'informationauteur Tomas Romero | 2013-04-23
Vous devez vous connecter pour publier un commentaire.
Ils manquent de références externes (404 sur les deux CSS et JS). Donc c'est probablement en raison de l'absence de références. Voici une exemple de travail.
Gardez à l'esprit que AngularUI principalement enveloppements jQueryUI plugins. Si vous avez besoin de jQueryUI avant AngularUI, et jQuery avant de jQueryUI. Et Angulaire de lui-même avant de AngularUI. Juste assurez-vous que vous avez le CSSs:
Et ces fichiers JS dans l'ordre suivant:
ui.directives
module.Comme une solution de contournement, jusqu'à ce que je obtenir de l'angulaire de l'INTERFACE utilisateur de travailler dans mon projet, j'ai fait la directive suivante qui fonctionne:
et dans le code html:
comprennent les suivantes JS afin
J'ai ajouté ce qui suit
dans le code html
dans le js , assurez-vous de code pour la première directive et après que ajouter le code pour la manette , sinon, il va causer des problèmes.
sélecteur de date directive :
code de la directive visée de réponses ci-dessus.
Après cette directive , écrire le contrôleur