时间戳

首页 > 解决方案 > Jquery Ui Datepicker 表比预期的要大得多，如何解决这个问题

javascript - Jquery Ui Datepicker 表比预期的要大得多，如何解决这个问题

问题描述

这是一张日历出来的图片

我已经在检查模式下对 CSS 进行了检查，以找到一个可以调整它但不成功的类或 ID，但是在尝试了每种尺寸之后，没有任何东西调整过尺寸，有趣的是数字按钮日期根本没有调整我能够带来框到文本框的大小，但不是圆形按钮，根本没有从它的大小移动。如果有人对此有解决方案，请提供帮助。

 @Html.EditorFor(model => model.pickupDate, new { htmlAttributes = new { @class = "datepicker", @placeholder = "Select Date..." } })

@Html.EditorFor(model => model.dropoffDate, new { htmlAttributes = new { @class = "datepicker2", @placeholder = "Select Date..." } })


                <script>

                    $(function () {
                        $(".datepicker2").datepicker({

                            changeMonth: true,
                            changeYear: true,
                            // showOn: "both",
                            // buttonImage: "/images/cal.png",
                            //buttonImageOnly: true

                        });
                        $(".datepicker").datepicker({

                            changeMonth: true,
                            changeYear: true,
                            // showOn: "both",
                            //  buttonImage: "/images/cal.png",
                            //  buttonImageOnly: true
                        });

                    });

标签： javascriptjqueryhtmlmodel-view-controllerjquery-ui-datepicker

解决方案

我能够自己解决这个问题！

如果你的日历像我的一样大，然后检查页面，你会发现这个 id="ui-datepicker-div" 和 class=".ui-state-default" 然后调整到你想要的任何大小。就像我做这个尺寸一样。

#ui-datepicker-div {
    font-size: 12px;
    width:300px;
}
.ui-state-default{
    width:35px;
}

此链接中的尺寸要好得多，请查看

推荐阅读