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

时间:2018-06-01 05:44:13

标签: jquery html css bootstrap-4 bootstrap-datetimepicker

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

Please check Codepen Link

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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

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