自己封装的关于jquery easyUI的datetimebox开始时间不能大于结束时间的判断
来源:互联网 发布:透明图标软件 编辑:程序博客网 时间:2024/05/16 15:20
工作中遇到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 日期选择判断结束时间大于开始时间
- 关键帧动画CAKeyframeAnimation
- openstack 将物理机转成 kvm
- iis7不能访问excel解决方式
- __attribute__
- 基于visual Studio2013解决C语言竞赛题之1076放鞭炮
- 自己封装的关于jquery easyUI的datetimebox开始时间不能大于结束时间的判断
- RTCP
- Node.js学习(13)----ejs模板引擎
- OpenCV4Android开发之旅中例程的改进
- HTML5学习记录二:画布
- dvd cd rom 出现黄色叹号的解决方法
- tomcat的temp路径不存在, 导致上传文件失败
- EXPORT_SYMBOL
- 甘特图在上门服务领域的应用