jQuery UI datepicker允许从今天开始选择2天

时间:2014-07-09 00:15:45

标签: jquery jquery-ui datepicker

我使用jQuery UI datepicker作为日历。我希望将今天的日期显示为突出显示,但只允许用户选择距离今天"今天的日期"有没有办法做到这一点?我知道我可以使用下面的代码让它在我想要的许多天被阻止但是这个解决方案的问题是今天的日期变得灰暗。我希望不要让它变灰。

$j(function() {
    $j( "#datepicker" ).datepicker({ minDate: 3, maxDate: "+3M" });
});

1 个答案:

答案 0 :(得分:1)

你可以通过覆盖ui-datepicker-today

的css来做到这一点
td.ui-datepicker-today{
    font-weight:bold !important;
    opacity:1 !important;
    background-color:blue;

}

td.ui-datepicker-today span{
    background:blue !important;
    color:white !important;
}

这样,今天的日期将突出显示,但不会启用选择。

您可以将css更改为您需要的外观。