有人可以为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>
答案 0 :(得分:0)
我已将此datepicker与Bootstrap的最后一个版本一起使用:
https://github.com/Eonasdan/bootstrap-datetimepicker
我在JavaScript代码的末尾添加了这个:
if ($form->isSubmitted() && $form->isValid()) { ... }
这是Jsfiddle,它确实有效:https://jsfiddle.net/jrafo826/ 刚改变了一点风格!您需要自己添加glyphicon。