Question

有人可以为bootstrap最新版本（v4.1.1）修复此问题。下拉列表未正确显示。或建议我为bootstrap最新版本提供一个很好的约会时间选择器。

 <section class="jumbotron text-center ">
    <form>
        <div class="form-row justify-content-md-center">

            <div class="form-group col-md-6">
                <label for="inputEmail4">Bootstrap 4 (v4.1.1 ) Date Time Picker</label>
                <div class="input-group mb-3">
                    <input type="text" class="form-control" placeholder="Suggested time for visit*" aria-label="Suggested time for visit*" aria-describedby="basic-addon2" id="datetimepicker1">
                    <div class="input-group-append input-group-addon">
                        <span class="input-group-text" id="basic-addon2"><i class="far fa-calendar-alt"></i></span>
                    </div>
                </div>
            </div>
        </div>
    </form>
</section>

Answer 1

我已将此datepicker与Bootstrap的最后一个版本一起使用：

https://github.com/Eonasdan/bootstrap-datetimepicker

我在JavaScript代码的末尾添加了这个：

if ($form->isSubmitted() && $form->isValid()) { ... }

这是Jsfiddle，它确实有效：https://jsfiddle.net/jrafo826/ 刚改变了一点风格！您需要自己添加glyphicon。

Bootstrap 4（v4.1.1）日期时间选择器下拉问题

1 个答案: