使用JQuery的datepicker和bootstrap

在我将bootstrap 4添加到我的jQuery项目之前,datepicker看起来像这样:

在此处输入图像描述

在我添加bootstrap 4之后,datepicker看起来像这样:

在此处输入图像描述

我假设它只是格式/大小已被更改。 如何停止格式化过度并使其看起来像原始格式?

我尝试了以下内容。

  1. 使用jquery而不是$来调用datepicker
  2. 调用$.fn.datepicker.noConflict(); (根据jQuery ui datepicker与bootstrap datepicker的冲突,我似乎无法将noConflict应用于noConflictfunction,只能将jQuery作为一个整体)

或者,我试图修复引导程序,使日历看起来更加正确,箭头按钮没有跳转。

  1. 试图使用一个特定于bootstrap的日期选择器(虽然我不清楚哪个可以使用Bootstrap 4以及我是否可以使用beforeShowDay方法向它添加工具提示假期,这是我的应用程序的先决条件)

HTML代码是这样的:

 Open Date:  

谢谢

这个解决方法来自@Jimmy Stenke在如何调整jQuery DatePicker控件大小的答案

我补充道

  

  

我也删除了一个引用