datepicker在使用bootstrap-datepicker的ng-view中不起作用

时间:2014-06-03 19:09:56

标签: jquery angularjs twitter-bootstrap datepicker bootstrap-datepicker

我正在尝试实现由eternicode开发的datepicker插件,我遇到了一些关于ng-view的障碍。

我发现了类似的情况,但没有人帮我解决这个问题(例如路由提供者中的控制器):

当我的datepicker在index.html中时,它工作正常,但是当我使用模板视图时,日历不会弹出。

这是一个用来说明这种情况的傻瓜:plunkr

<div ng-view></div>

  <div class="container">
      <div class="col-lg-2">
          <div class="input-group date">
              <input type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
          </div>
      </div>
  </div>

1 个答案:

答案 0 :(得分:2)

当js在index.html文件的底部运行时,视图尚未加载。

我将插件代码初始化代码移动到控制器,以证明如果在加载视图后执行代码,它将起作用。您可能想重新考虑如何设置应用程序。

Plunker:http://plnkr.co/edit/PDX500tp5QgcjIMIbig1?p=preview

更新:改为使用指令:http://plnkr.co/edit/LVKHkmNrTS2Ki7uP8Hgj?p=preview