自己封装的关于jquery easyUI的datetimebox开始时间不能大于结束时间的判断
来源:互联网 发布:淘宝代画效果图被骗 编辑:程序博客网 时间:2024/05/21 21:02
工作中遇到jquery easyUI中的时间没有属性判断时,自己封装了以下的方法:
1.首先定义两个相同的方法,方法名为formatDateTimeBox(startTimeId,endTimeId,true)和formatDateTimeBox(endTimeId,startTimeId,false);
2.参数介绍:startTimeId为时间查询框中开始时间的ID,endTimeId为结束时间的ID,第三个参数true or false判断先点击前面的时间框还是后面的时间查询框。
3.公共方法:文字不多说,直接上代码.
function formatDateTimeBox(frontId,lastId,flag){
$("#"+frontId).datetimebox({
formatter: function (date) {
var y = date.getFullYear();
var m = date.getMonth() + 1 ;
var d = date.getDate();
var h = date.getHours()<10 ? "0"+date.getHours():date.getHours();
var minute=date.getMinutes()<10 ? "0"+date.getMinutes():date.getMinutes();
var s =date.getSeconds()<10 ? "0"+date.getSeconds():date.getSeconds();
sTime = y + "-" + (m < 10 ? ("0" + m) : m) + "-" + (d < 10 ? ("0" + d) : d)+" " + h+":"+minute+":"+s ;
sTime= sTime.replaceAll("-","").replaceAll(" ","").replaceAll(":","");
eTime=$("#"+lastId).datetimebox("getValue").replaceAll("-","").replaceAll(" ","").replaceAll(":","");
if(flag==true){
if(parseInt(sTime)>parseInt(eTime)){
alert("提示", "开始时间不能大于结束时间!");
return "";
}else{
return y + "-" + (m < 10 ? ("0" + m) : m) + "-" + (d < 10 ? ("0" + d) : d)+" " + h+":"+minute+":"+s ;
}
}else{
if(parseInt(sTime)<parseInt(eTime)){
alert("提示", "开始时间不能大于结束时间!");
return "";
}else{
return y + "-" + (m < 10 ? ("0" + m) : m) + "-" + (d < 10 ? ("0" + d) : d)+" " + h+":"+minute+":"+s ;
}
}
},
onSelect: function(date){
var y = date.getFullYear();
var m = date.getMonth() + 1;
var d = date.getDate();
var h = date.getHours()<10 ? "0"+date.getHours():date.getHours();
var minute=date.getMinutes()<10 ? "0"+date.getMinutes():date.getMinutes();
var s =date.getSeconds()<10 ? "0"+date.getSeconds():date.getSeconds();
return y + "-" + (m < 10 ? ("0" + m) : m) + "-" + (d < 10 ? ("0" + d) : d)+" " + h+":"+minute+":"+s;
}
});
}
需要注意的是js的replaceAll方法,需要自己在js里申明这样一个方法:
String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) {
if (!RegExp.prototype.isPrototypeOf(reallyDo)) {
return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": "g")), replaceWith);
} else {
return this.replace(reallyDo, replaceWith);
}
};
- 自己封装的关于jquery easyUI的datetimebox开始时间不能大于结束时间的判断
- 自己封装的关于jquery easyUI的datetimebox开始时间不能大于结束时间的判断
- jquery easyui 对于开始时间小于结束时间的判断
- jquery validate 的自定义验证开始时间不能大于结束时间
- jquery validate 的自定义验证开始时间不能大于结束时间
- jquery easyui 对于开始时间小于结束时间的判断示例
- 开始时间和结束时间的时间间隔不能大于24小时
- easyui的datetimebox时间格式化详解
- 使用Jquery EasyUI中DateTimeBox控件设置考试开始结束时间,并对其验证
- javascript 判断时间控件中,结束时间不能大于开始时间
- easyui 日期框,结束时间大于开始时间
- My97DatePicker 日期控制,开始时间不能大于结束时间,结束时间不能小于开始时间
- 时间选择框(My97控件)控制结束时间大于开始时间的方法
- 利用Qt的QDateTimeEdit设置起始时间(即开始时间大于结束时间)
- 自定义EasyUI的datetimebox控件日期时间的显示格式
- jquery开始时间不能小于结束时间
- boostrap的日期选择:datetimepicker 做 开始时间与 结束时间的判断,开始时间小于结束时间
- js 日期选择判断结束时间大于开始时间
- Linux下 内存测试工具memtester
- poj1185 炮兵阵地 (DP状态压缩)
- 监控SQL:执行表中所有sql语句、记录每个语句运行时间(3)
- Extjs学习心得
- WebService 的创建,部署和使用
- 自己封装的关于jquery easyUI的datetimebox开始时间不能大于结束时间的判断
- Creat folders -创建文件夹
- html 中div不自动换行
- 64位平台C/C++开发注意事项
- protobuf安装及一个Demo
- Spring技术内幕总结
- android 的图片压缩
- ORACLE的工作机制
- voltdb官方文档翻译(一)