从bootstrap timepicker获取时间值

时间:2016-07-27 20:23:05

标签: javascript jquery twitter-bootstrap 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();
});

我试图从两个表单中分别获得intime值,并且我已经写了我尝试但我仍然没有成功。请建议如何做到这一点。

1 个答案:

答案 0 :(得分:0)

我使用数据属性

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