input绑定的jedate日期控件的值改变时触发事件问题

一、input绑定的jedate日期控件的值改变时触发事件问题

一般input中值发生改变，用onchange 就可以触发事件，但我现用jedate日期控，选中日期后，发现onchange无效。

后经查资料，onchange的实现机制如下：

一、当input捕获到焦点后，系统储存当前值

二、当input焦点离开后，判断当前值与之前存储的值是否不等，如果为true则触发onchange事件。

通过DOM对象赋值不会触发
虽然表面上感觉是当内容发生变化时，就会触发onchange事件，但是那只能在页面上操作。而如果通过dom对象去修改它的value则什么事也不会发生。

所以对jedate日期控件的值改变时触发事件问题，我的解决方式是，调用jedate点击确定后的回调

jeDate('#jobTime', {format: "YYYY-MM-DD hh",isTime: false,minDate: "2014-09-19 00",donefun:function(obj){handleJobTimechange(obj)}})

二、通过DOM对象赋值不会触发的解决方式

1) 第一，比较简单粗暴，只要赋值手动触发。就是先给input赋值，然后再执行a()函数

2）直接执行change触发事件

 $("#jobTime").val(d.jobTime).change(function(){})

3) 写一个专有赋值方法

以上两种，都是只要赋值就触发a()函数，不太友好，因为也许值并没有改变。

比如原来input中的值是a，但我给它赋值a以后本应该是赋值前与赋值后的两个值都相等就不能触发onchange函数，为了这个需求，我们可以写一个jQuery方法来实现，简单易用。

(function($) {$.fn.update = function(value){$(this).each(function(){if(value!=this.value){this.value = value; this.onchange();}});};
})(jQuery);

以上方法摘抄自：https://www.cnblogs.com/hahaxiaoyu/p/5086573.html

input绑定的jedate日期控件的值改变时触发事件问题相关推荐

金蝶EAS DEP脚本（5）给常用控件添加值改变事件
给常用控件添加事件一.F7 给F7添加值改变事件 //F7控件增加值改变监听 pluginCtx.getKDBizPromptBox("prmtCompany").addData ...
app中jeDate日期控件的使用
如果是knockout监听对象那么可封装 define(function (require) { 'use strict'; var lib = { ko: requi ...
jeDate日期控件的验证
前面用到了jeDate日期控件的使用,https://www.jianshu.com/p/393d9e992144,在这个控件的基础上,做出一些完善:关于jeDate日期控件的验证的问题: 一般会有三 ...
jedate日期控件的图标乱码
jedate日期控件的图标乱码变成小方块解决方法: 因为bootstrap样式影响了font-family,所以在页面重写以下样式:http://www.yayihouse.com/yayishuw ...
日期时间选择器-jeDate日期控件
官方文档地址:http://www.jemui.com/uidoc/jedate.html 控件展示如图各种各样的时间控件都有. 我用在后台的是年月日时分秒的那个,如下图独立jeDate下载:ht ...
extjs 获取日期控件的值_Extjs的datefield怎么获取当前系统时间所属月月初到月末...
匿名用户 1级 2016-10-14 回答日期控件: new Ext.form.DateField( { fieldLabel : '开始日期', id : 'beginDate', width : ...
jq监听input值改变时的事件
业务中常有监视input值变化的需要,今天我在解决这个问题后,在这里对解决方案做个汇总: 通常采用的方法如: $(input).keyup(function(){ //do sth }); 当有输入时 ...
禁止ScrollView在子控件的布局改变时自动滚动的的方法
重写scrollview中的如下方法,并将其返回值设为0即可. @Override protected int computeScrollDeltaToGetChildRectOnScreen(Re ...
bootstrap日期控件只显示年月
<!DOCTYPE html> <html lang="zh" xmlns:th="http://www.thymeleaf.org" > ...

input绑定的jedate日期控件的值改变时触发事件问题

input绑定的jedate日期控件的值改变时触发事件问题相关推荐

最新文章

热门文章