3

次のマークアップのようなものを生成する方法はありますか？

<select> 
    <option value="0000">00:00</option>
    <option value="0030">00:30</option>
    <option value="0100">01:00</option>
    <option value="0130">01:30</option>
    <option value="0200">02:00</option>
    <option value="0230">02:30</option>
    <option value="0300">03:00</option>
    <!--rest of options omitted for brevity-->
</select>

... 23:30までずっと-30分ごとに繰り返すのですか？

私はレール3を使用していますが、これは機能しますが、分は含まれていません（私の場合、30分ごと） 

select_hour(13, :prompt => 'Choose hour')
4

1 に答える 1

4

単純な for ループを使用して、javascript (または必要に応じて PHP/Ruby、基本構造は同じ) で生成できます。

そのような：

var selection = "";
var i = 0;
for(var i = 0; i < 24; i++)
{
    selection += "<option value='"+ zeroFill(i, 2) +"00'>"+ zeroFill(i, 2) + ":00" + "</option>";
        selection += "<option value='"+ zeroFill(i, 2) +"30'>"+ zeroFill(i, 2) + ":30" + "</option>";
}
$("select").html(selection);

function zeroFill( number, width )
{
  width -= number.toString().length;
  if ( width > 0 )
  {
    return new Array( width + (/\./.test( number ) ? 2 : 1) ).join( '0' ) + number;
  }
  return number + ""; // always return a string
}

以下に例を示します: http://jsfiddle.net/MrXenotype/chafg/

ZeroFill 関数はここから取得されます: How can I pad a value with先行ゼロ?

数字の先頭に 0 を追加します。

于 2012-12-11T20:05:58.907 に答える