知识大全 JSP页面中的精确到秒的时间控件

Posted 时间

篇首语:胸怀万里世界, 放眼无限未来。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 JSP页面中的精确到秒的时间控件相关的知识,希望对你有一定的参考价值。

JSP页面中的精确到秒的时间控件  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

  技术:Struts +jsp+MSql

  需求:ncmgt网络监控系统中显示用户的操作日志 并且根据操作时间查询用户的详细操作记录 时间精确到秒

  大致效果如下 上图!

  

  大家可以清晰的看到 红色画线部分就是根据时间查询 时间精确到秒 不应该由用户手动输入 不然会大大降低用户体验的性能 这是就用到了时间控件 就是这个小时钟一样的东西 不过他只是一张图片而已 我们要知道它后面所隐藏的东西 先给大家展示一下效果吧 当我们点击小时钟的时候 弹出

  

  这样的日历图片 可以看见最下面一行是加上时分秒的 默认是没有的哦

  下面说一下怎么实现这个效果

  第一步:

  引入js文件

  在JSP页面的头部

  

  1. <script language="javascript" src="

  第二步:

  准备一张小图片

  

  1. <! 文本框用来接收用户选中的时间 并且传给form里的oplog实体类的属性 >  
  2.  
  3.   <input type="text" name="oplogSearch dateBegin" size=" " value="" readonly="readonly" >  
  4. <a href="javascript:buildCal(oplogListForm elements[ oplogSearch dateBegin ] true)">  
  5. <img id="IMG " src="请选择日期"   border=" "></a> 

  当用户选择了时间 下面这个function就负责把时间放进文本框并提交表单

  

  1. function closewin()  
  2. //获取登录名和时间  
  3. parent document forms[" "] elements["oplogSearch opname"] value  
  4. =document forms[" "] elements["oplogSearch opname"] value;  
  5. parent document forms[" "] elements["oplogSearch dateBegin"] value  
  6. =document forms[" "] elements["oplogSearch dateBegin"] value;  
  7. parent document forms[" "] elements["oplogSearch dateEnd"] value  
  8. =document forms[" "] elements["oplogSearch dateEnd"] value;  
  9. parent document forms[" "] submit();  
  10. parent document getElementById( divWindow ) style display="none"; 

   ; 

  • return false;  
  •  

  并不是提交表单就大功告成了 有一个处理是很重要的 如果用户选择的时间是自 日 到 日 就是我们常说的大于大的 小于小

  这是不符合逻辑的 就像大于 又小于 的数字 哪里有这样的呢?为了避免这样的值传到后台的Action 再用户选择了时间之后我们应该做处理

  

  1. function parePair()  
  2. var begin end;  
  3. begin = document forms[" "] elements["oplogSearch dateBegin"] value;  
  4. end = document forms[" "] elements["oplogSearch dateEnd"] value;  
  5. if(begin > end && end != "")  
  6. alert("您选择的时间有误! );  
  7. return false;  
  8.   
  9. return true;  
  10.  

  这样到后台就好处理了 还有一点我用的MySql数据库 在mySQL中处理时间是不能用to_date()的 那是Oracle里的时间日期函数 我们可以使用Date format();

  例如

  

  1. select count(*) from nc_op_log where  =     and date <= DATE_FORMAT(  
  2. : : YYYY MM DD HH :MI:SS )  and date >= DATE_FORMAT(   : : YYYY MM DD HH :MI:SS )  

  但如果你字段本身的类型就是Date类型的话 什么函数都不需要 就直接按字符串处理就可以查询到结果

  例如

  

  1. select count(*) from nc_op_log where  =   and date >=    : :    and date <=    : :   
cha138/Article/program/Java/JSP/201311/20082

相关参考