如何让下拉列表显示半小时的数据

Question

我先设置一个<select></select>控件里显示早上8:30到15点之间的数据，即8:30,9:00,9:30,10:00……15:00以此类推.用JS实现如果能用my97控件实现更好

Answer 1

如果是固定的，可直接列出来
<select>
<option >8:30</option>
<option >9:00</option>
.....
</select>

Answer 2

有时简单，最是最有效的方法
我还是帮你写个吧动态的吧
<select id="sel1"></select><script>
  //selObj  select 对象
  //begin 开始时间
  //edn 结束时间
  // step步长
  function fn(selObj,begin,end,step){
    function mm(str){
      var re=0;
      str.replace(/(\d+):(\d+)/,function(_,h,m){ re=h*60+m*1  });
      return re;
    }
    function fmt(v){return (v+100+'').slice(1)}
    var bv=mm(begin),ev=mm(end);
    console.info( bv,ev )
    for(i=bv;i<=ev;i+=step){
      console.info( fmt(i/60>>0)+':'+fmt(i%60) )
      var text=fmt(i/60>>0)+':'+fmt(i%60);
      selObj.options.add(new Option(text,text))
    }
  }
  
 fn(  document.getElementById("sel1") ,'1:00','2:30',30)
<script>

Answer 3

<select id="sel1"></select>
 
<script>
  //selObj  select 对象
  //begin 开始时间
  //edn 结束时间
  // step步长
  function fn(selObj,begin,end,step){
    function mm(str){
      var re=0;
      str.replace(/(\d+):(\d+)/,function(_,h,m){ re=h*60+m*1  });
      return re;
    }
    function fmt(v){return (v+100+'').slice(1)}
    var bv=mm(begin),ev=mm(end);
    for(i=bv;i<=ev;i+=step){
      var text=fmt(i/60>>0)+':'+fmt(i%60);
      selObj.options.add(new Option(text,text))
    }
  }
   
 fn(  document.getElementById("sel1") ,'1:00','2:30',30)
<script>