模态弹出窗口中的Bootstrap时钟选择器自动调整问题

时间:2017-08-08 07:42:34

标签: jquery css bootstrap-modal clockpicker

我正在使用bootstrap clockpicker(http://weareoutman.github.io/clockpicker/)。我无法自动调整clockpicker位置。

以下是clockpicker的代码:

$('.clockpicker').clockpicker({
        placement: 'bottom',
        align: 'left',
        autoclose: true,
        donetext: 'Done',
        //twelvehour: true,
});

我的客户非常喜欢这个插件,他希望我在他的应用程序中使用它。但我没有找到自动调整clockpicker的任何解决方案。有人有想法吗?我会非常感谢...

1 个答案:

答案 0 :(得分:1)

你可以试试这个

<div class="input-group clockpicker"> 
    <input type="text" readonly="" class="form-control" id="from_time" name="from_time" value="10:00"> 
    <span class="input-group-addon clock_icon">
        <span class="glyphicon glyphicon-time"></span>
    </span> 
</div>

<script type="text/javascript">
$('.clockpicker').clockpicker({
    placement: 'bottom',
    align: 'left',
    autoclose: true,
    donetext: 'Done',
});
</script>