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

Question

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

这里是 clockpicker 的代码：

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

我的客户非常喜欢这个插件，他希望我在他的应用程序中使用这个插件。但我没有找到任何自动调整时钟选择器的解决方案。有人知道吗？我会非常感激...

Answer 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>

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

Bootstrap clock picker Auto Adjustment Issue in modal popup

css

jquery

bootstrap-modal

clockpicker