0

タイムピッカーを含めて、クリックで時間を選択するオプションを取得しています。

//= require bootstrap-timepicker 

$('.timepicker-default').each(function(i) {

  //alert($(this).val());
  $(this).timepicker(
  {
    defaultTime:  $(this).val()
  });

});

twitter-bootstrap アイコン 'icon-time' を追加すると、クリック時に時間を選択するオプションを取得するにはどうすればよいですか? 私はこれを使用しました：

 <div class="input-append bootstrap-timepicker-component">
  <input type="text" class="timepicker-default" name="planned_start_time" value="<%= @planned_start_time.nil? ? (Time.now).strftime('%I:%M%p') : @planned_start_time%>"> 
    <span class="add-on">
      <i class="icon-time"></i>
    </span>
</div>

しかし、アイコンが外に出てきて、アイコンをクリックして時間を選択できません。同じことがhttp://jdewit.github.com/bootstrap-timepicker/で使用されています。しかし、そこで時間を選択することができます。

4

1 に答える 1

2

私はコンポーネントの作成者です。マークアップが少し変更されました。デフォルトの機能はあなたが望むことをします。// js

$('.timepicker-default').timepicker();

// html

<div class="input-append bootstrap-timepicker">
    <input type="text" class="timepicker-default" name="planned_start_time" value="<%= @planned_start_time.nil? ? (Time.now).strftime('%I:%M%p') : @planned_start_time%>"> 
    <span class="add-on">
        <i class="icon-time"></i>
    </span>
</div>
于 2013-02-01T01:13:42.667 に答える