在JSP頁面只獲取時分秒的問題

作爲一個小白，今天遇到了這樣一個問題，在數據庫中的一個表裏有一個營業時間的字段，在數據庫中是Date類型，會默認的把年月日都存進去，在服務器端取出來的也就是一個帶日期的營業時間，明顯不是我想要的，在網上找了一陣，發現沒有想要的答案，於是果斷將數據庫中的營業時間在服務器端取出後，直接按照date的類型傳給了頁面，這個時候遇到了一個新的問題，頁面上是一個時間插件來顯示，所以，不能直接放進去，所以在JS代碼中將需要的數據取出，然後再通過 document.getElementById("openTime").value=oT;這個將值放進插件中，具體代碼如下：

//這裏是顯示的是營業時間，爲time類型
                                        <input id="openTime" type="time" value="" />
	    				<span>到</span>
	    				<input id="closeTime"type="time" value="" />
	    				<span>24小時制</span>

<img src="data:image/png;base64,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" alt="" />

<pre name="code" class="javascript">

效果大概就是這樣，這裏面的時間要有一個默認值，這個值是寫在value裏面的，但是由於服務器端傳來的是一個date類型數據，所以這個時候就用JS實現了一下轉換，具體代碼如下

<pre name="code" class="javascript">                        var oh = ${openTime.getHours()};
   	        	var om = ${openTime.getMinutes()};
	        	var ch = ${closeTime.getHours()};
	        	var cm = ${closeTime.getMinutes()};
	        	var oT= setTime(oh,om); 
	        	 document.getElementById("openTime").value=oT;
	        	 var cT= setTime(ch,cm);	        	 
	        	 document.getElementById("closeTime").value=cT;

  function  setTime(h,m){
        var option = "";
        if(h<10){
        option +="0"+h;
        }else{
        option += h;
        }
        if(m<10){
        option +=":0"+m;
        }else{
        option += ":"+m;
        }
        return option;
       
       }

將時間拼好之後，直接放進value中，就會直接在頁面中顯示出來了。

有什麼不對的地方，希望大家幫忙指出，謝謝大家。