从 bootstrap timepicker 获取时间值

Question

我正在尝试从 bootstrap timepicker 获取时间值。 table 行中有两种形式。

第一种形式是

<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();
});

我正在尝试分别从这两种形式中获取 intime 值，并且我已经写了我已经尝试过的方法，但我仍然没有成功。请建议如何做到这一点。

Answer 1

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

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

从 bootstrap timepicker 获取时间值

getting time value from bootstrap timepicker

javascript

jquery

twitter-bootstrap

bootstrap-timepicker