博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angularjs 配合bootstrap-datetimepicker.js ngModel取不到
阅读量:6968 次
发布时间:2019-06-27

本文共 928 字,大约阅读时间需要 3 分钟。

  hot3.png

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

你可能感兴趣的文章
Python IDLE配置清屏快捷键(Ctrl+L)
查看>>
driver转httpClient
查看>>
topcoder srm 694 div1 -3
查看>>
面试经典之内部排序
查看>>
hdfs数据块
查看>>
Zabbix告警发送邮件时附带性能图
查看>>
如何在ecshop商品页显示累计销售量
查看>>
行内元素注意事项
查看>>
Oracle中sys 和system的默认密码
查看>>
[Fluent NHibernate]第一个程序
查看>>
VS2015新建asp.net core站点
查看>>
CentOS7 firewall开启,开放端口操作
查看>>
CS 314 Principles of Programming Languages
查看>>
ios之sqllite3简单使用
查看>>
最长回文子串
查看>>
软件工程_第二次作业
查看>>
4.下单函数
查看>>
在windows下如何批量转换pvr,ccz为png或jpg
查看>>
FreeMarker之入门实例
查看>>
xml 创建文件
查看>>