點擊一個圖標的時間選擇器

Question

我已經包含了timepicker，並且我可以選擇點擊時間的選項。

//= 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/中使用相同的東西。但我們可以選擇時間。

Answer 1

我是組件的作者。標記稍微改變了一點。默認的功能會做你想要的。 // 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>