知识大全 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

相关参考

知识大全 JSP页面中使用FCKeditor控件

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

知识大全 如何理解struts

  当请求一JSP页面时对应的FormBean会自动创建并由对应的属性设置struts标签的控件因此如果想要页面中的控件一开始就设置了初值的话请在FormBean的构造函数中设置相应的属性中  当请求

知识大全 在页面方法执行或控件方法执行查找性能瓶颈

  在很多时候我们需要调整网站的性能通过iis日志分析网站的执行速度在执行速度有问题时我们不得不调试调试的时候就用到了当前页面的执行时间  我站点中的所有网页都从一个PageBase继承所以我把统计执

知识大全 Java从服务器上获取时间动态显示在jsp页面实现思路

Java从服务器上获取时间动态显示在jsp页面实现思路  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧

知识大全 iframe中访问easyui的jsp页面时脚本的正确写法

  很多初学Easyui的人都会遇到这样的问题那就是在页面中采用iframe标签后当直接指定src页面是一个采用了easyui组件的页面当parent窗口需要访问iframe中的对象时不应该采用doc

知识大全 js局部刷新页面时间具体实现

这篇文章介绍了js局部刷新页面时间具体实现需要的朋友可以参考一下 复制代码代码如下:cha138/Article/program/Java/JSP/201311/20158

知识大全 浅析JSP开发中的对象和范围属性

浅析JSP开发中的对象和范围属性  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!在JSP页面中的对象

知识大全 关于jsp和servlet中的乱码问题

  在jsp和servlet的开发中今天自己做的一个小例子中出现了中文乱码问题用了许多方法发现还是解决不了最后我用了过滤器才算终结  此方法总结如下在jsp页面中使用<%@pagepageEnc

知识大全 JSP中把动态页面转换为静态页面

JSP中把动态页面转换为静态页面  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  要自动生成静态页

知识大全 基于asp.net的web页面动态控件创建以及使用

 摘要web设计中有很多场合页面的控件要动态创建甚至只能动态创建这样可以增加页面的灵活性但是给程序员带来了一些麻烦比如要使用动态创建的控件怎么使用都是要求解决的问题本文基于aspnet简要介绍了页面的