将 timepicker 添加到 bootstrap 4 输入字段表单

Question

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

我确实集成了一个 Jquery 并且在使用新的管理 Bootstrap 4 管理模板之前工作，但现在它不起作用并认为它与其他一些 Bootstrap Javascript 文件冲突，所以看看是否可以使用 Bootstrap 4 时间选择器，但我不能让一个工作，有没有人有任何以 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>

有关更多信息，请参阅他们的文档。希望这可以帮助。