我想在 Bootstrap 4 中使用 bootstrap-datetimepicker,但是遇到了一些问题。
为此,我进行了以下更改:
- 将
pull-right
更改为float-right
- 将
table-condensed
更改为table-sm
- 将
glyphicons
更改为fontawesome
但是它没有起作用 :(
有谁能帮我将这个项目转换成新版的 Bootstrap 吗?
我想在 Bootstrap 4 中使用 bootstrap-datetimepicker,但是遇到了一些问题。
为此,我进行了以下更改:
pull-right
更改为 float-right
table-condensed
更改为 table-sm
glyphicons
更改为 fontawesome
但是它没有起作用 :(
有谁能帮我将这个项目转换成新版的 Bootstrap 吗?
对我来说使用Bootstrap4没问题,你有什么疑问吗?(对不起我的英语不好 :')
Edit lines with ".in"collapse to ".show" and icons
:我们已经创建了一个包含详细文档修复的分支:
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的博客提醒我们关于图标的事项。
@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")