日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JSP頁面中的精確到秒的時間控件

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

成都創(chuàng)新互聯(lián)公司是專業(yè)的達(dá)坂城網(wǎng)站建設(shè)公司，達(dá)坂城接單;提供成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行達(dá)坂城網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!

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

大致效果如下，上圖！

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

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

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

第一步:

引入js文件

在JSP頁面的頭部

 
 
 
 
    
  
  
  
  
  1.

第二步:

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

 
 
 
 
    
  
  
  
  
  1.  
    2. 
  
  
  
  
  2. 
  
  
  
  
  3.    
    4. 
  
  
  
  
  4.  
    5. 
  
  
  
  
    6.

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

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

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

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

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

這樣到后臺就好處理了，還有一點(diǎn)我用的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') 
    2.

但如果你字段本身的類型就是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' 
    2.

分享標(biāo)題：JSP頁面中的精確到秒的時間控件
轉(zhuǎn)載來于：http://www.dlmjj.cn/article/djodsji.html