validator 和 datepicker同时使用时的小Bug
2014-05-04 17:08
288 查看
一个使用datepicker的文本框上,点击button按钮过后,里面的数据得不到立即的验证
input.date 得到焦点--弹出UI.datepicker--点击选择日期--将值给input.date
这个其中input.date 的焦点情况是:得到--失去,也就是说,你在弹出datepicker的UI的时候,焦点就已经失去了,可是validator是在blur的时候,就开始验证了,那个时候,input.date的值还是前一个的值,所以验证是前一个的值,新改的值的得不到立即验证,所以给人的UI很不友好!
终于发现了:datepicker的onSelect,呵呵,这是在选择了以后,执行的方法,于是,我在加上了以下代码 :
Js代码
$("input.date").datepicker({
dateFormat: 'yy-mm-dd',
onSelect:function(date){
this.focus();
this.blur();
}
});
于是,问题解决了,呵呵!当时好高兴,现在趁着记忆写下来。
datepicker还有一个方法onClose,在datepicker的UI消失后,执行的方法,估计也是可以,不过我没有测试……
input.date 得到焦点--弹出UI.datepicker--点击选择日期--将值给input.date
这个其中input.date 的焦点情况是:得到--失去,也就是说,你在弹出datepicker的UI的时候,焦点就已经失去了,可是validator是在blur的时候,就开始验证了,那个时候,input.date的值还是前一个的值,所以验证是前一个的值,新改的值的得不到立即验证,所以给人的UI很不友好!
终于发现了:datepicker的onSelect,呵呵,这是在选择了以后,执行的方法,于是,我在加上了以下代码 :
Js代码
$("input.date").datepicker({
dateFormat: 'yy-mm-dd',
onSelect:function(date){
this.focus();
this.blur();
}
});
于是,问题解决了,呵呵!当时好高兴,现在趁着记忆写下来。
datepicker还有一个方法onClose,在datepicker的UI消失后,执行的方法,估计也是可以,不过我没有测试……
相关文章推荐
- [轉]validator 和 datepicker同时使用时的小Bug
- bootstrap-datepicker 与bootstrapValidator同时使用时,选择日期后,无法正常触发校验
- Date Range Picker和bootstrapValidator同时使用时,选择日期后无法正常触发校验
- bootstrap-datepicker 与bootstrapValidator同时使用时,选择日期后,无法正常触发校验
- bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
- bootstrap-datepicker 与bootstrapValidator同时使用时,选择日期后,无法正常触发校验
- bootstarp modal 上使用bootstarp-datepicker 年月下拉框点击不出来的bug
- 使用DatePickerDialog、TimePickerDialog
- Jquery Datepicker插件的使用
- 手机浏览器使用html5的datepicker,页面渲染完后value不显示的问题。
- 安卓控件使用系列18:DatePicker日期控件和TimePicker时间控件的使用
- 工作中遇到的问题--validator与datepicker不兼容
- JQGRID格式化/合并单元格/滚动条问题和多重子表介绍及datepicker参数使用详解(jqgrid表格中应用)
- jQuery插件datepicker的使用详解
- 使用DatePicker以及TimePicker显示当前日期和时间
- 【万里征程——Windows App开发】DatePickerFlyout、TimePickerFlyout的使用
- 学习 TimePicker 和 DatePicker 使用方法
- DatePicker、TimePicker的使用和改变字体样式及picker大小
- 日期选择器:jquery datepicker的使用