JQuery的日期时间选择器插件不与NG-视图AngularJS工作 [英] JQuery Datetime picker plugin does not work with AngularJS in ng-view

问题描述

我使用日期时间选择器与angularjs。

I am using datetime picker with angularjs.

我angularjs code看起来是这样的。

My angularjs code looks like this.

<div id="bodyContainer">                
   <div ng-app="tb">           
      <div ng-view></div>
   </div>
</div>

和我的看法是这样的。

and my view looks like this.

<div class="control-group" ng-class="{error: myForm.bdatetime.$invalid}">
   <label class="control-label" for="bdatetime">Date Time</label>
   <div class="controls">
     <input type="text" ng-model="bdatetime" name="bdatetime" id="datetimepicker" required/>
     <span ng-show="myForm.bdatetime.$error.required" class="help-inline">Required</span>
   </div>
</div>

和日期时间选择器不工作，这可能是因为视图部分是通过angularjs阿贾克斯后加载。输入控制器不会在脚本执行的时间存在。我怎样才能解决这个问题。

and datetime picker is not working, It may be because view part is loading later via angularjs ajax. input controller does not exist at the time of script execution. How can I fix it.

如果我移动输入控制器的NG-应用这样的事情之外。它完美的作品。

If i move input controller outside of ng-app something like this. it perfectly works.

<div id="bodyContainer">  
   <input type="text" id="datetimepicker" />              
   <div ng-app="tb">           
      <div ng-view></div>
   </div>
</div>

但是，这不是我所期待的，我需要与angularjs这项工作。

But this is not what I am looking for, I need to make this work with angularjs.

推荐答案

日历问题，可以使用固定

Calender problem can be fixed using

  $(document).on("focus","#datetimepicker", function() {                    
                $('#datetimepicker').datetimepicker({
                    format: 'd/m/Y H:i',
                });

            });

但数据绑定可能是另一个问题。

but data binding could be another issue.

这篇关于JQuery的日期时间选择器插件不与NG-视图AngularJS工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！