jquery - 在 jquery ui datepicker 中显示其他月份

Question

我需要在我的 jquery ui 日期选择器中将其他月份显示为“-”。

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

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

对于前，

请大家帮忙..

Answer 1

我找不到任何可以让您控制“其他月份”单元格中显示的文本的内容，但您可以自行解决。

Guganeshan.T 走在正确的轨道上。但棘手的部分是在正确的时间应用更改。 beforeShow 和 onChangeMonthYear 事件在新月份显示之前触发，并且这些事件有after版本。对于这种情况，我常用的技巧是使用 setTimeout超时为零，这可以有效地让您在浏览器再次获得控制权并且当前 JavaScript block 完成运行之后调用一个函数。所以像这样的事情应该可以解决问题:

function ickyHyphenKludge(inst) {
    setTimeout(function() {
        inst.dpDiv.find('.ui-datepicker-other-month span.ui-state-default').html('-');
    }, 0);
}

$("#datepicker").datepicker({
    showOtherMonths: true,
    selectOtherMonths: false,
    beforeShow: function(input, inst) {
        ickyHyphenKludge(inst);
    },
    onChangeMonthYear: function(year, month, inst) {
        ickyHyphenKludge(inst);
    }
});

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

这很糟糕，而且很臭，但它有效，它应该很坚固，我想不出任何其他方法。