在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中，就会直接在页面中显示出来了。

有什么不对的地方，希望大家帮忙指出，谢谢大家。