成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

JSP頁面中的精確到秒的時間控件

開發(fā) 后端
ncmgt網(wǎng)絡(luò)監(jiān)控系統(tǒng)中顯示用戶的操作日志,并且根據(jù)操作時間查詢用戶的詳細(xì)操作記錄、時間精確到秒。詳細(xì)請看下文

技術(shù):Struts1+jsp+MSql

需求:ncmgt網(wǎng)絡(luò)監(jiān)控系統(tǒng)中顯示用戶的操作日志,并且根據(jù)操作時間查詢用戶的詳細(xì)操作記錄,時間精確到秒

大致效果如下,上圖!

大家可以清晰的看到,紅色畫線部分就是根據(jù)時間查詢,時間精確到秒,不應(yīng)該由用戶手動輸入,不然會大大降低用戶體驗的性能,這是就用到了時間控件,就是這個小時鐘一樣的東西,不過他只是一張圖片而已,我們要知道它后面所隱藏的東西,先給大家展示一下效果吧,當(dāng)我們點擊小時鐘的時候,彈出:

這樣的日歷圖片,可以看見最下面一行是加上時分秒的,默認(rèn)是沒有的哦。

下面說一下怎么實現(xiàn)這個效果。

第一步:

引入js文件

在JSP頁面的頭部

  1. <script language="javascript" src="http://localhost:8080/ncmgt//js/calendar.js"></script> 

第二步:

準(zhǔn)備一張小圖片。

  1. <!--文本框用來接收用戶選中的時間,并且傳給form里的oplog實體類的屬性-->  
  2.  
  3.   <input type="text" name="oplogSearch.dateBegin" size="16" value="" readonly="readonly" class="textarea1">  
  4. <a href="javascript:buildCal(oplogListForm.elements['oplogSearch.dateBegin'],true)">  
  5. <img id="IMG1" src="http://localhost:8080/ncmgt//img/public/clock.gif" alt="請選擇日期" width="20" height="20" border="0"></a> 

當(dāng)用戶選擇了時間,下面這個function就負(fù)責(zé)把時間放進(jìn)文本框并提交表單。

  1. function closewin(){  
  2. //獲取登錄名和時間  
  3. parent.document.forms["0"].elements["oplogSearch.opname"].value  
  4. =document.forms["0"].elements["oplogSearch.opname"].value;  
  5. parent.document.forms["0"].elements["oplogSearch.dateBegin"].value  
  6. =document.forms["0"].elements["oplogSearch.dateBegin"].value;  
  7. parent.document.forms["0"].elements["oplogSearch.dateEnd"].value  
  8. =document.forms["0"].elements["oplogSearch.dateEnd"].value;  
  9. parent.document.forms["0"].submit();  
  10. parent.document.getElementById('divWindow').style.display="none";  
  11. return false;  

并不是提交表單就大功告成了,有一個處理是很重要的,如果用戶選擇的時間是自5.3日 到5.1日。就是我們常說的大于大的,小于小。

這是不符合邏輯的,就像大于3又小于1的數(shù)字,哪里有這樣的呢?為了避免這樣的值傳到后臺的Action,再用戶選擇了時間之后我們應(yīng)該做處理。

  1. function comparePair(){  
  2. var begin,end;  
  3. begin = document.forms["0"].elements["oplogSearch.dateBegin"].value;  
  4. end = document.forms["0"].elements["oplogSearch.dateEnd"].value;  
  5. if(begin > end && end != ""){  
  6. alert("您選擇的時間有誤!');  
  7. return false;  
  8. }  
  9. return true;  

這樣到后臺就好處理了,還有一點我用的MySql數(shù)據(jù)庫,在mySQL中處理時間是不能用to_date()的,那是Oracle里的時間日期函數(shù),我們可以使用Date.format();

例如:

  1. select count(*) from nc_op_log where 1=1    and date <= DATE_FORMAT('2012-05-03 17:28:39','YYYY-MM-DD HH24:MI:SS')  and date >= DATE_FORMAT('2012-05-01 17:28:43','YYYY-MM-DD HH24:MI:SS')  

但如果你字段本身的類型就是Date類型的話,什么函數(shù)都不需要,就直接按字符串處理就可以查詢到結(jié)果

例如:

  1. select count(*) from nc_op_log where 1=1  and date >= '2012-05-01 17:28:43'   and date <= '2012-05-03 17:28:39'  

原文鏈接:http://blog.csdn.net/se_xiaofeng/article/details/7530159

【編輯推薦】

  1. 詳解Java類的生命周期 
  2. Java程序設(shè)計:圖形與多媒體處理 
  3. Java理論與實踐: Web層的狀態(tài)復(fù)制 
  4. Java Excel API及詳細(xì)教程 
  5. Java集合框架和數(shù)組的排序 
責(zé)任編輯:林師授 來源: SE_XiaoFeng的博客
相關(guān)推薦

2009-02-25 10:55:29

FCKeditor控件JSP

2009-06-29 17:09:49

JavaBeanJSP

2017-01-16 16:04:04

Windows 10設(shè)置系統(tǒng)時間

2009-07-02 13:36:24

動態(tài)頁面JSP技術(shù)

2009-07-03 17:48:34

JSP頁面翻譯

2009-07-02 09:25:41

JSP實現(xiàn)頁面跳轉(zhuǎn)

2011-06-22 14:14:27

pageEncodincontentType

2009-07-03 10:52:33

MIDletJSP頁面

2018-03-19 19:00:54

2009-07-03 17:48:24

JSP頁面跳轉(zhuǎn)

2009-07-03 18:12:49

JSP頁面

2009-07-06 09:34:19

JSP頁面

2009-07-01 18:50:29

Dreamweaver

2013-11-11 11:17:45

AngularJS性能優(yōu)化

2009-06-25 16:36:31

JBPM流程圖

2009-03-05 10:10:52

餅圖數(shù)據(jù)庫JSP

2011-07-08 16:54:39

JspCookies

2009-07-06 10:00:31

JSP頁面?zhèn)髦?/a>

2009-07-06 16:08:00

ASP到JSP

2011-08-19 14:29:30

win7系統(tǒng)時間
點贊
收藏

51CTO技術(shù)棧公眾號

主站蜘蛛池模板: 免费的av | 波多野结衣一二三区 | 亚洲综合视频 | 视频一区二区在线观看 | 精品一区二区三区中文字幕 | 一区二区三区视频在线 | 国产免费观看久久黄av片涩av | 久热国产精品视频 | 一区二区三区日韩精品 | 亚洲国产精品一区二区三区 | 中文字幕第100页 | 人人做人人澡人人爽欧美 | 欧美国产亚洲一区二区 | 国产精品久久久久久久久久久久久久 | 久久久精品一区二区三区四季av | 国产精品毛片av | 欧美精品一区二区三区蜜臀 | 国产精品大片在线观看 | 日韩不卡在线 | 91麻豆蜜桃一区二区三区 | 国产精品色婷婷久久58 | 亚洲欧美日韩网站 | 欧美一区二区视频 | 97色在线观看免费视频 | 国产精产国品一二三产区视频 | 色狠狠桃花综合 | 免费三级av | 精品一区精品二区 | 特黄色一级毛片 | 日本久久精品视频 | 欧美老妇交乱视频 | 日韩av在线不卡 | 欧美极品在线 | 免费一区二区三区 | 国产精品2 | 日韩av啪啪网站大全免费观看 | 国产在线高清 | 国产一级在线观看 | 成人av网站在线观看 | 国产精品成人国产乱一区 | 精品久|