bootstrap-4 - 将时间选择器添加到 bootstrap 4 输入字段表单

Question

我被困在如何将时间选择器添加到我正在使用的 Bootstrap 4 管理模板的输入字段中。

我确实有一个集成的 Jquery 并且在使用新的管理 Bootstrap 4 管理模板之前工作，但现在它不工作并且认为它与其他一些 Bootstrap Javascript 文件冲突所以看看是否可以使用 Bootstrap 4 timepicker ，但我无法让一个工作，请问有没有人有任何在 Bootstrap 4 表单中工作的示例编码。

Answer 1

我不完全理解你的问题，但我认为这就是你要找的:

https://tempusdominus.github.io/bootstrap-4/

Tempus Dominus 是用于 Bootstrap 4 的 jQuery 日期时间选择器插件。它需要最少的代码来设置。 导入库后，你所要做的就是:

<div class="container">
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <div class="input-group date" id="datetimepicker3" data-target-input="nearest">
                    <input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker3"/>
                    <div class="input-group-append" data-target="#datetimepicker3" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="fa fa-clock-o"></i></div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker3').datetimepicker({
                    format: 'LT'
                });
            });
        </script>
    </div>
</div>

查看他们的 documentation了解更多信息。希望这会有所帮助。