0

我想从bootstrap timepicker获取时间值。 表格行中有两种形式。从bootstrap timepicker获取时间值

第一种形式是

<tr> 
    <form class="form-inline" id ="form1"> 
     <td> 
      <div class="input-group bootstrap-timepicker timepicker"> 
       <input id="" type="text" class="in_timepicker form-control input-small">    
      </div> 
     </td> 

     <td> 
      <div class="input-group bootstrap-timepicker timepicker"> 
       <input id="" type="text" class="out_timepicker form-control input-small">         
      </div> 
     </td>  

     <td> 
      <button class="btn btn-md btn-danger btnupdate" id="">Update</button> 
     </td> 
    </form>  
</tr> 

,所述第二形式是

<tr> 
    <form class="form-inline" id ="form2">       
     <td>    
      <div class="input-group bootstrap-timepicker timepicker"> 
       <input id="" type="text" class="in_timepicker form-control input-small">         
      </div> 
     </td> 

     <td> 
      <div class="input-group bootstrap-timepicker timepicker"> 
       <input id="" type="text" class="out_timepicker form-control input-small">         
      </div> 
     </td> 

     <td> 
      <button class="btn btn-md btn-danger btnupdate" id="">Update</button> 
     </td> 
    </form>  
</tr> 

JavaScript代码是

$('.in_timepicker').timepicker({ 

    minuteStep: 5, 
    showInputs: false, 
    disableFocus: true, 
    defaultTime: false 
}); 

$('.out_timepicker').timepicker({ 

    minuteStep: 5, 
    showInputs: false, 
    disableFocus: true, 
    defaultTime: false 
}); 


$("body").on("click", ".btnupdate", function() {   
    var intime = $(this).parent().siblings().children().children('.in_timepicker').val(); 
}); 

我试图从两个表单中分别得到银泰的价值,我写了我所尝试过的,但我仍然不成功。请提出建议。

+0

[文档](https://jdewit.github.io/bootstrap-timepicker/)覆盖此(在页面的底部)初始化的timepicker。 –

+0

注意您的选择器不正确。 –

+0

我试过把手动输入和他们的工作,但timepicker没有得到实例我猜.. –

回答

0

我使用数据属性

<input id="" type="text" class="out_timepicker form-control input-small" data-provide="timepicker"/>