javascript - 从引导时间选择器获取时间值

Question

我正在尝试从 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();
});

我正在尝试分别从这两种表格中获取银泰价值，并且我已经写了我尝试过的内容，但我仍然没有成功。请建议如何做到这一点。

Answer 1

我使用数据属性初始化时间选择器

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