bootstrap 4 的 bootstrap-datetimepicker

Question

我想在 bootstrap 4 中使用bootstrap-datetimepicker ，但我有一些问题。

为此，我更改了以下内容：

1. pull-right float-right
2. table-condensed到table-sm
3. glyphicons到fontawesome

但它没有用:(

演示

任何人都可以帮助我将此项目转换为新的引导程序版本吗？

Answer 1

我用 Bootstrap4 没问题，你有什么问题？ （抱歉我的英语不好:'）

Edit lines with ".in"collapse to ".show" and icons

演示

Answer 2

我们已经使用详细文档进行了修复：

分叉存储库：

• TechnoVista Limited/Bootstrap 4 DateTimePicker - Github

用法：

jQuery(document).ready(function($) {
    if (window.jQuery().datetimepicker) {
        $('.datetimepicker').datetimepicker({
            // Formats
            // follow MomentJS docs: https://momentjs.com/docs/#/displaying/format/
            format: 'DD-MM-YYYY hh:mm A',

            // Your Icons
            // as Bootstrap 4 is not using Glyphicons anymore
            icons: {
                time: 'fa fa-clock-o',
                date: 'fa fa-calendar',
                up: 'fa fa-chevron-up',
                down: 'fa fa-chevron-down',
                previous: 'fa fa-chevron-left',
                next: 'fa fa-chevron-right',
                today: 'fa fa-check',
                clear: 'fa fa-trash',
                close: 'fa fa-times'
            }
        });
    }
});

学分：

感谢Eonasdan提供了很棒的库。 也感谢非良 ( wgbbiao ) 的叉子。 感谢Camille Anelli 的博客对图标的提醒。

Answer 3

@Stéphanie 您的演示足以弥补简短的英文解释。 谢谢！

对于可能需要解决此问题的任何其他人，这里有一个非常具体的说明：（全部基于@Stéphanie 在下面的回答 - 查看她的演示。）您需要在代码中搜索四个字符串：

“折叠”：“
g=f.find(".in")
.collapse:not(.in)
(g.removeClass("in"),h.addClass("in")

并且在每种情况下取代; 显示，使其看起来如下所示。 保存文件，日历应该可以工作。 祝你好运！

“折叠显示”：“
g=f.find(".show")
.collapse:not(.show)
(g.removeClass("show"),h.addClass("show")