easyui 的 datebox控件只对外提供了一个onSelect事件。
其基类combobox有一个onChange事件。
如果需要在日期控件中手动输入日期时处理一些逻辑,onSelect事件就不能满足了。
比如当手动输入了一个合法的日期后需要获取这个日期然后进行其它逻辑处理。
这个时候可以用onChange事件。
但是如果要在输入的过程中进行对输入的字符串进行处理然后对当前日期控件进行赋值,用onChange事件就麻烦了。
会碰到赋值后显示不出来的问题。
但datebox有一个属性暴露出来。就是parser。这是一个函数,日期控件中的内容有变化时改属性函数会被调用。可以在这个函数中进行特殊处理。虽然这样做可能并不是最安全的。
$("#enddate").datebox({
parser:function(s){
//格式为yyyy-mm-dd
var DateRegExp = /^[1-2]\d{3}-(0[1-9]|1[0-2]){1}-(0[1-9]|[1-2][0-9]|3[0-1]){1}$/g;
if(DateRegExp.test(s)){
}else{
return null;
}
//字符转日期
var t = parseDate(s);
if (!isNaN(t)){
var firstDate = new Date(t.getFullYear(),t.getMonth(),1);
var endDate = new Date(firstDate);
endDate.setMonth(firstDate.getMonth()+1);
endDate.setDate(0);
//日期转字符
var result = endDate.format('yyyy-MM-dd');
if(s != result){
$("#enddate").datebox('setValue',result);
}
return endDate;
} else {
return null;
}
}
});
在这个例子中,对输入的日期字符进行处理,算出用户要输入的日期对应月份的最后一天,填充到日期控件中。
分享到:
相关推荐
这是我自己总结出来easyui-textbox和easyui-combobox的onchange事件响应实例,绝对可用,网上很多实例都无法运行,这个我亲自测试可用使用才传上来的,供大家参考学习。
easyui的datebox组件,两个datebox,一个开始时间,一个结束时间,这两个时间间隔最大一个月,也就是说在选定了开始时间后,相应的结束时间有一部分要变成灰色的不可用
解决easyui-datebox日期格式,只需引入此包即可,不需改源码
主要介绍了easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码,需要的朋友参考下吧
easyui 扩展 带单位 输入框 input
最近我在做一个安全监测系统,选择了用easyui进行搭建,easyui是一种基于jQuery的用户界面插件集合。使用easyui可以省去很多代码,功能上需要加...下面小编给大家介绍下给Easyui-Datebox设置隐藏或者不可用的解决方法
easyui textbox失去焦点事件及获取文本框的内容easyui textbox失去焦点事件及获取文本框的内容easyui textbox失去焦点事件及获取文本框的内容
基于jquery easyui改造的周选择控件 可指定周起始星期,默认周日为本周的第一天
下面小编就为大家带来一篇给easyui datebox扩展一个清空按钮的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了EasyUI修改DateBox和DateTimeBox的默认日期格式示例,具有一定的参考价值,有兴趣的可以了解一下。
主要介绍了EasyUI Datebox 日期验证之开始日期小于结束时间,需要的朋友可以参考下
实现easyui的datebox格式化。效果如下,用“++”隔开,看你喜欢用什么都可以。 1、html 证件有效期至: <span><input id=passvali name=hotel.passvali> 2、js /* 证件有效期至 */ $('#passvali')....
下面小编就为大家带来一篇jQuery EasyUI中的日期控件DateBox修改方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
自己花了 一晚上搞出来的,没有找到合适的,最后自己根据观看博客的总结,做了此demo 下载运行即可
easyui的输入框+验证+弹窗,datagrid的渲染+勾选/选择+双击+渲染行操作+查询框架。
文档中详细描述了easy-ui如何添加onchange,以及如何获取组合框当前选中值。压缩包中还包括了相关的easy-ui demo供大家使用。自己总结的跟大家分享下。