使用JQuery的datepicker和bootstrap

Question

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

在我添加bootstrap 4后，datepicker看起来像这样：

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

我尝试了以下内容。

1. 使用jquery而不是$
来调用日期选择器
2. 根据jQuery ui datepicker conflict with bootstrap datepicker
调用$.fn.datepicker.noConflict();（我似乎无法将noConflict应用于日期选择器功能，仅适用于整个jQuery）

或者，我试图修复引导程序，使日历显得更加正常，箭头按钮也没有跳转。

1. 尝试使用引导程序特定的日期选择器（虽然我不清楚哪个可以使用Bootstrap 4以及我是否可以使用beforeShowDay方法向其添加工具提示假期，这是我的应用程序的先决条件）< / LI>

   HTML代码如下：

   <TD class="labelH5">Open Date:</TD>
   <TD>
       <div class="row">
         <div class="col-md-8">
           <INPUT TYPE="text" class="form-control" id="datepicker1">
         </div>
       </div>
   </TD>
   

   由于

Answer 1

解决方法来自@Jimmy Stenke在How to resize the jQuery DatePicker control

中的回答

我添加了

<style>
 div.ui-datepicker {
    font-size: 12px;
}
</style>

后

<link rel="stylesheet" href="css/jquery-ui.css" type="text/css" media="all" />

我还删除了对

的引用

<link rel="stylesheet" href="css/sunny/jquery.ui.theme.css" type="text/css" media="all" />