Bootstrap 4的bootstrap-datetimepicker是什么？

Question

我想在 Bootstrap 4 中使用 bootstrap-datetimepicker，但是遇到了一些问题。

为此，我进行了以下更改：

1. 将 pull-right 更改为 float-right
2. 将 table-condensed 更改为 table-sm
3. 将 glyphicons 更改为 fontawesome

但是它没有起作用 :(

演示

有谁能帮我将这个项目转换成新版的 Bootstrap 吗？

- HamedFathi

---

eonasdan-datetimepicker不支持bootstrap v.4，该库的新版本称为tempus dominus。 - VincenzoC

Answer 1

对我来说使用Bootstrap4没问题，你有什么疑问吗？（对不起我的英语不好 :')

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

DEMO

：

这是一个包含网页代码的链接，点击可以查看其示例演示。

- Stéphanie Caumont

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的博客提醒我们关于图标的事项。

- Mayeenul Islam

---

非常感谢，使用Bootstrap v4.4.1非常顺畅。 - Vipertecpro

Answer 3

@Stéphanie，你的演示弥补了简短的英文解释。谢谢！

对于其他需要解决这个问题的人，以下是非常具体的方向：（全部基于@Stéphanie下面的答案-请查看她的演示。）

"collapse in":"
g=f.find(".in")
.collapse:not(.in)
(g.removeClass("in"),h.addClass("in")

在代码中有四个字符串需要搜索，并且每次都要将   in   替换为；   show   ，这样它将如下所示。保存文件，日历应该就能正常工作了。祝你好运！

"collapse show":"
g=f.find(".show")
.collapse:not(.show)
(g.removeClass("show"),h.addClass("show")

- AlexGM