如何设置 jquery 日期选择器的默认大小?

发布于 2024-08-05 20:14:13 字数 247 浏览 5 评论 0原文

看看此页面。日期选择器本身(在

上调用)的初始宽度设置为“68em”。然后,我使用 $("#calendar").children().css("width","auto"); 将宽度设置为 auto (因此它会填满页面)。如您所见,这有效。然而,更改月份(使用按钮)会导致 jQuery 将宽度更改回来。有正确的方法来解决这个问题吗?

Have a look at this page. The datepicker itself (called on <div id="calendar">) has a width of "68em" set initially. I then use $("#calendar").children().css("width","auto"); to set the width to auto (so it fills up the page). As you can see, this works. Changing the month (with the buttons), however, causes jQuery to change the width back. Is there a right way to fix this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

暮光沉寂 2024-08-12 20:14:13

快速但肮脏的解决方案是使用 !覆盖元素上设置的样式很重要:

#calendar .ui-datepicker-inline {
    width: auto ! important
}

这不太漂亮,但它可以轻松完成工作。

The quick and dirty solution is to use ! important to overwrite the styles set on the element:

#calendar .ui-datepicker-inline {
    width: auto ! important
}

This is not pretty, but it get's the job done without too much of a fuss.

夜司空 2024-08-12 20:14:13

您可以仅使用 CSS 将宽度设置为固定值。

如果您想使用 Javascript 设置 #calendar 的宽度,您应该将 JS 大小调整函数挂接到 onChangeMonthYear 事件。

来自 jQuery UI 站点

$('.selector').datepicker({
   onChangeMonthYear: function(year, month, inst) { ... }
});

You can set the width to a fixed value using CSS only.

If you want to use Javascript to set the width of the #calendar you should hook your JS resizing function to the onChangeMonthYear event.

From the jQuery UI site:

$('.selector').datepicker({
   onChangeMonthYear: function(year, month, inst) { ... }
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文