0

我正在研究 jQuery UI DatePicker。当我使用changeMonthchangeYear属性时,月份和年份select控件看起来都很奇怪。我想让它们彼此相邻并有一个空间

在此处输入图像描述

我使用开发者工具挖掘了一下,发现它的宽度固定为49%

尽管我手头有 css 文件,但我不应该更改其中的任何部分。

我尝试了几种解决方法...

我创建了一个名为widthClass

.widthClass{
   width : '0px !important';
 }

将其添加到月份控制器

$('.ui-datepicker-month').addClass('widthClass');

第二种方法是,

$('.ui-datepicker-month').css('width', '');

但他们都没有给出正确的结果。帮帮我...

这就是我的控制器应该是什么样子......

在此处输入图像描述

更新:

我可以通过将.click()处理程序添加到文本字段来修改月份和年份控件的宽度。我能够看到欲望o / p。但是当我点击日期选择器中的任何其他导航控件时,它会被重置并且看起来像旧的一样。

我在.click()通话中所做的是..

$("<text-field-class>").click(function(){
     $('.ui-datepicker-month, .ui-datepicker-year').css('wdith', '30%');
});

即使我使用下一个/上一个/今天控件,如何保持这种应用样式永久化?

4

4 回答 4

0

尝试

$('.ui-datepicker-month').css('width', 'auto');
于 2012-09-04T12:59:12.813 回答
0

尝试 Maverick 解决方案

$('.ui-datepicker-month').css('width', '0px !important');
于 2012-09-04T13:00:00.223 回答
0

您可以参考和试验http://jqueryui.com/demos/datepicker/#dropdown-month-year

链接中有一个现场演示。还有一个主题选项卡可以自定义您的日期选择器。还要检查您的页面 CSS 以检查 CSS 冲突。

于 2012-09-04T13:10:23.477 回答
0

DOCTYPE我在我的应用程序中使用的页面中添加了一个属性。这已经自动调整了彼此相邻的下拉菜单。此外,它还解决了控件的另一个问题。

于 2013-05-23T13:03:02.750 回答