关于日期控件中使用change事件无效的解决方法
前端页面突然需要在选择时间后自动获取所选时间内的设备信息,我立刻写了一个change()方法,测试时发现没有触发
原因是:change事件其实就是在元素获得焦点的时候,保存当前值,失去焦点的时候,会将当前值和原来保存起来的值进行比较,如果不同,则触发change事件。
而 在绑定了日期控件之后绑定change事件,其实文本框的值是一直没有改变的,所以不会触发。
查询资料时有些网友说改日期控件,在日期控件触发确定按钮时调用自己写的自定义函数即可
我这就不修改日期控件,使用以下方法即可:
HTML:
<input name="startTime" id="startTime" type="text" readOnly="true"
class="Wdate form-control"
onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'});javascript:{$('#startTime').trigger('change')}" >
onfocus事件不会触发自定义的change事件,如果我们想要触发change事件实现自己想要预定的功能,可以在原来定义日期控件的html的代码后面直接再次的调用手动触发change事件
JS:
$("#startTime").bind("change",function(){var flag = false;var startTime = Page.$("#startTime").val();if(startTimes!=startTime){startTimes=startTime;flag=true;}var endTime = Page.$("#endTime").val();if(flag){Page.loadSelect({target : Page.$("#deviceName"),textField : "text",data : {"xxxx":xxxx,"startTime":startTime,"endTime":endTime},url : "xxx/xxx"});}});
这里的flag是因为我发现如果不设置时间值比较的话,点击日期时间就会发请求,点确认日期按钮也会发请求,我只需要发一次请求即可,startTimes是一个全局变量。
关于日期控件中使用change事件无效的解决方法相关推荐
- wxpython textctrl_wxpython中Textctrl回车事件无效的解决方法
wxPython的TextCtrl如何切换自动换行?解决了.参照wxPython自带Demo里面的例子,是把已经生成的wx.TextCtrl的Style参数取出来,然后重新Init一个新的wx.Tex ...
- android线程改变布局,Android线程中设置控件的值提示报错的解决方法
本文实例讲述了Android线程中设置控件的值提示报错的解决方法.分享给大家供大家参考,具体如下: 在Android线程中设置控件的值一般会与Handler联合使用,如下: package com.y ...
- 使用控件时提示“未声明标识符“的解决方法
使用控件时提示"未声明标识符"的解决方法 参考文章: (1)使用控件时提示"未声明标识符"的解决方法 (2)https://www.cnblogs.com/Ro ...
- 日期控件的点击事件,在js中添加callback属性,不在html中直接添加
总结如下: 1. callback的data是点击事件(事件控件)完成后的回调的日期 2. return true后才能改变值,return false不能改变值 3. \ 是转义,因为在" ...
- dsscocx控件出错怎么办_MFC中如何在Ocx控件中来驱动ocx事件
我在写一个ocx控件.在控件内有一个自定义的类,处理逻辑相关的事件,比如MyClass.h和MyClass.cpp,当有人call我时,我就能在MyClass的线程内得到信息,现在我要通知给使用我这个 ...
- 控件中的Cliked事件和MouseDown事件执行优先级问题
MFC中 1.Button控件鼠标事件执行顺序 (1) WM_LBUTTONDOWN (2) WM_LBUTTONUP (3) OnBnClickedButton1(); 2.Picture Cont ...
- 解决ScrollViewer嵌套的DataGrid、ListBox等控件的鼠标滚动事件无效
C# 中,两个ScrollViewer嵌套在一起或者ScrollViewer里面嵌套一个DataGrid.ListBox.Listview(控件本身有scrollviewer)的时候,我们本想要的效果 ...
- easyui日期控件datebox的onchange事件
<input type="text" id="date_" name="date_" class="easyui-dateb ...
- TextBox控件中只输入整数的几种方法
方法一. if(e.KeyChar!=8&&!Char.IsDigit(e.KeyChar)&&e.KeyChar!='.') { e.Handled = ...
最新文章
- linux命令:bash脚本选项使用cat EOF使用 getopts选项描述
- go环境搭建_容器化 Go 开发环境的尝试
- cfile read 最大读取限制_pandas读取表格后的常用数据处理操作
- ruby 在 windows 中 新建进程 打开其他程序
- CentOS配置Tomcat开机启动
- 计算机课签到本,大学课堂点名技术日新月异:电脑摇号扫码上课
- 【blender】基本操作总结-最常用的快捷键
- RTK ST5113-53 3kN 220VAC
- Android 竖直滚动广告条、上下滚动广告条,View滚动广告条;
- 陶朗食品业务调整为两个业务版块,专注新鲜食品和加工食品
- HTML身份证号校验及根据身份证号获取出生日期/性别
- 系统服务器Fedora和Red Hat Enterprise Linux实用指南(第6版)(上、下册)( 入行必读的Linux圣经)...
- 赛马比赛:25匹马,5个赛道,选出跑的快的前几匹
- 用 Python 打扑克牌——炸金花
- 金仓数据库KingbaseES序列的操作
- 淘宝卖家掌握最新操作方法,让你的直通车飞起来!
- 源代码安装paddlepaddle 到云计算机——感谢百度云和人工智能项目paddlepaddle
- Mangos.conf说明
- 双 JK 触发器 74LS112 逻辑功能。真值表_时序逻辑电路设计(一):同步计数器...
- 【问底】李平:大型网站的灵魂——性能(转)