技術:Struts1+jsp+MSql
需求:ncmgt網絡監控系統中顯示用戶的操作日志,并且根據操作時間查詢用戶的詳細操作記錄,時間精確到秒
大致效果如下,上圖!
大家可以清晰的看到,紅色畫線部分就是根據時間查詢,時間精確到秒,不應該由用戶手動輸入,不然會大大降低用戶體驗的性能,這是就用到了時間控件,就是這個小時鐘一樣的東西,不過他只是一張圖片而已,我們要知道它后面所隱藏的東西,先給大家展示一下效果吧,當我們點擊小時鐘的時候,彈出:
這樣的日歷圖片,可以看見最下面一行是加上時分秒的,默認是沒有的哦。
下面說一下怎么實現這個效果。
第一步:
引入js文件
在JSP頁面的頭部
<script language="javascript" src="http://localhost:8080/ncmgt//js/calendar.js"></script>
第二步:
準備一張小圖片。
<!--文本框用來接收用戶選中的時間,并且傳給form里的oplog實體類的屬性--> <input type="text" name="oplogSearch.dateBegin" size="16" value="" readonly="readonly" class="textarea1"> <a href="javascript:buildCal(oplogListForm.elements['oplogSearch.dateBegin'],true)"> <img id="IMG1" src="http://localhost:8080/ncmgt//img/public/clock.gif" alt="請選擇日期" wid
|
新聞熱點
疑難解答