JQuery：增加日期选择器小部件的大小答案

【问题标题】：JQuery : Increase the size of datepicker widgetJQuery：增加日期选择器小部件的大小
【发布时间】：2015-09-29 13:12:56
【问题描述】：

我的问题的答案在这里：。 How to resize the jQuery DatePicker control.

但由于某种原因，它只是在选择日期后增加字体大小。但不是它显示的日历大小。它的体积非常小。

我可以做些什么来增加它？

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="https://jqueryui.com//resources/demos/style.css">

在正文中

<input  class="form-control" type="text" id="datepicker" onchange="chart2()">

风格

<style>
        #datepicker {
            font-size: 20px;

        }
    </style>

【问题讨论】：

您必须修改日期选择器整个 css 才能做到这一点
你能在这种情况下发布一个 sn-p 或一个 jsfiddle 吗？
您需要覆盖 http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css 上的 css 选项。获取应用的选择器，复制到您的自定义 css 文件或样式属性并应用您的样式。
@AlvaroJoao，当我在空白页中尝试时，大小是合理的。我想在我的页面中使用相同的内容，但它显示的尺寸非常小
你应该编辑 jquer-ui.css 或者只是覆盖 css。

标签： javascript jquery datepicker

【解决方案1】：

您需要覆盖 http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css 上的 css 选项。
两种方法：
- 通过添加更多的类、标签或任何属性来制作更强大的选择器
- 覆盖稍后包含的文件中的确切选择器

获取应用的选择器，复制到您的自定义 css 文件或样式属性并应用您的样式。您可以打开 chrome html 检查并在覆盖后找到应用的样式及其选择器，如下所示：

// for example: for .ui-datepicker table you can change its width
.ui-datepicker table {
  width: 80%;
}

【讨论】：