Angularjs 配合bootstrap-datetimepicker.js ngModel取不到

为什么80%的码农都做不了架构师？>>>   

Angularjs 配合bootstrap-datetimepicker.js使用的时候，我写了个directive来做，在chrome下ok跑的很正常，等到在 firefox浏览器看看的时候发现不好使了，看来这个也是有浏览器兼容性啊，我以为都是正常的，没有浏览器兼容性，看来我错了。问题来了， 怎么解决呢？

仔细想了下问题的原因，如果你在输入框里手动键入的话没有任何问题，就是插件导入日期时间的时候不好使了。我最先想到的是加上$apply，但是什么时候加呢？加在什么位置呢？先看下datetimepicker的调用方式：

$('.timepicker').datetimepicker({
   language:"zh-CN",
   format:'yyyy-mm-dd hh:ii',
   autoclose:true,
   pickerPosition:"top-right"})

这个是插件的调用的api，从这个看来是没有办法来添加的，不知道什么时候还有就是直接写$apply对性能的有很大的浪费，所以我就像看看这个插件有没有什么回调函数啥的？

我就看了这个的源码，发现有这几个方法，show，hide，changeDate等等几个，想了下看看应该是hide这个方法可以使用，因为时机上是可以接受的。因此代码改成：

$('.timepicker').datetimepicker({
   language:"zh-CN",
   format:'yyyy-mm-dd hh:ii',
   autoclose:true,
   pickerPosition:"top-right"}).on("hide",function(){
   var $this = $(this);
   var _this = this;
   scope.$apply(function(){
       scope[$this.attr('ng-model')] = _this.value;
   });});

到此问题解决，但是还是不知道为什么chrome没有这个问题，知道的可以交流下。

转载于:https://my.oschina.net/ihh/blog/397267