使用JQuery的datepicker和bootstrap
在我将bootstrap 4添加到我的jQuery项目之前,datepicker看起来像这样:
在我添加bootstrap 4之后,datepicker看起来像这样:
我假设它只是格式/大小已被更改。 如何停止格式化过度并使其看起来像原始格式?
我尝试了以下内容。
- 使用
jquery
而不是$
来调用datepicker - 调用
$.fn.datepicker.noConflict();
(根据jQuery ui datepicker与bootstrap datepicker的冲突,我似乎无法将noConflict
应用于noConflict
function,只能将jQuery作为一个整体)
或者,我试图修复引导程序,使日历看起来更加正确,箭头按钮没有跳转。
- 试图使用一个特定于bootstrap的日期选择器(虽然我不清楚哪个可以使用Bootstrap 4以及我是否可以使用
beforeShowDay
方法向它添加工具提示假期,这是我的应用程序的先决条件)
HTML代码是这样的:
Open Date:
谢谢
这个解决方法来自@Jimmy Stenke在如何调整jQuery DatePicker控件大小的答案
我补充道
后
我也删除了一个引用