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

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