文档章节

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

wyysf
 wyysf
发布于 2015/04/08 11:56
字数 463
阅读 50
收藏 1

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没有这个问题,知道的可以交流下。

© 著作权归作者所有

共有 人打赏支持
上一篇: 新空间新气象
下一篇: 类风湿生物制剂
wyysf
粉丝 17
博文 19
码字总数 8346
作品 0
昌平
网页/平面设计
私信 提问
Angular.js 1.3.19 发布,HTML 的 Web 框架

Angular.js 1.3.19 发布,更新内容如下: Bug 修复 $http: propagate status -1 for timed out requests (f13055a0,#4491, #8756) $location: don't crash if navigating outside the app b......

oschina
2015/09/17
2.1K
7
Angular.js 1.3.18 发布,HTML 的 Web 框架

Angular.js 1.3.18 发布,更新内容如下: Bug 修复 $animate: clear class animations cache if animation is not started (2c03a357,#12604, #12603) do not throw errors if element is r......

oschina
2015/08/19
3.1K
24
OSChina 技术专题之 AngularJS 更新版(201412)

Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏...

OSC编辑部
2014/10/17
11.1K
26
AngularJS 1.3.14/1.4.0 Beta5 发布

AngularJS 今天发布两个更新版本,分别是 1.3.14 和 1.4 Beta5 。 其中 1.3.14 更新内容如下: 新特性 CommonJS: - angular modules are now packaged for npm with helpful exports Bug 修复......

oschina
2015/02/26
2.1K
2
AngularJS 1.4.5 发布,HTML 的 Web 框架

AngularJS 1.4.5 发布,此版本最主要的改进是:ngModel: due to 0e001084。此外还有大量的 bug 修复: $animate: should disable animations on $animateCss as well (c3d5e33e,#12696, #12......

oschina
2015/08/29
3.5K
6

没有更多内容

加载失败,请刷新页面

加载更多

myeclipse 启动到10分之一左右就挂了

删掉 {workspace}/.metadata/.plugins/org.eclipse.e4.workbench/workbench.xmi

夜醒者
8分钟前
0
0
Hive on Spark 伪分布式环境搭建过程记录

进入hive cli是,会有如下提示: Hive-on-MR is deprecated in Hive 2 and may not be available in the future versions. Consider using a different execution engine (i.e. spark, tez) ......

PeakFang-BOK
15分钟前
0
0
用户输入和while 循环

# 用户输入和while循环# 7.1函数input() 的工作原理# 函数input() 让程序暂停运行,等待用户输入一些文本。获取用户输入后,Python将其存储在一个变量中,以方便你使用。message = inp...

吕湘颖
16分钟前
0
0
开发函数计算的正确姿势 —— 排查超时问题

写不尽的 code,查不完的 bug 通常我们写 bug,哦,不对,写代码时总不会一帆风顺,往往各种 bug 充斥其中,即使测试有较高的代码覆盖率往往也会有漏网之鱼。能写出一些比较隐蔽或者看起来像...

阿里云云栖社区
20分钟前
1
0
Python3新特性

一、类型注解 例子: def add(x:int, y:int) -> int: return x + y 解释: 类型`的形式指定函数的**参数类型**,用`-> 类型`的形式指定函数的**返回值类型 然后特别要强调的是,Pyt...

_Change_
35分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部