在jquery ui datepicker中显示其他月份

时间:2012-01-20 06:51:53

标签: jquery jquery-ui datepicker jquery-ui-datepicker

我需要在我的jquery ui datepicker中将其他月份显示为“ - ”。

$( "#datepicker" ).datepicker({
    showOtherMonths: true
});

上面的代码显示了其他月份日期。但是,我需要将其他月份的日期显示为“ - ”。

对于Ex,

enter image description here

请任何人帮忙......

2 个答案:

答案 0 :(得分:3)

我找不到任何允许您控制“其他月份”单元格中显示的文字的内容,但是您可以克服它。

Guganeshan.T走在正确的轨道上。但棘手的部分是在适当的时候应用变化。 {/ 1}}和beforeShow事件在显示新月之前触发,并且在这些事件的版本之后。对于这种情况,我常用的技巧是使用setTimeout,超时为零,这有效地让你排队一个函数,一旦浏览器再次获得控制并且在当前的JavaScript块运行完毕之后就被调用。所以这样的事情应该可以解决问题:

onChangeMonthYear

演示:http://jsfiddle.net/ambiguous/YKNmV/1/

这很狡猾和臭,但它有效,它应该是非常可靠的,我想不出任何其他方式。

答案 1 :(得分:2)

我检查了jQuery UI的DatePicker控件中使用的CSS。他们在其他月份使用班级ui-priority-secondary作为日期。

所以你可以做的是,使用jQuery来定位使用该特定类的元素,并将HTML替换为-并将其居中。

我尝试了以下内容并且有效。

$('.ui-datepicker-calendar .ui-priority-secondary').html('-').css('text-align', 'center')

希望有所帮助

<强>更新

由于我只使用Firebug控制台进行了检查,因此没有看到在适当的时候不会应用它的情况。 @mu is too short已指出并且有一个有效的解决方案。