0

我在这里下载了 multiDatesPicker:http: //multidatespickr.sourceforge.net

我的问题是..

我使用 multiDatesPicker 仅用于通过代码表示添加的日期。

而且我不想接收任何用户交互。

我知道如何禁用 multiDatesPicker 的唯一方法是“禁用:true”选项。但这会使日历的添加日期按钮颜色发生变化。

我已经尝试使用 css(.ui-state-disabled) 更改不透明度,但这只是不透明度。

有没有人知道如何在不更改我们可以看到的任何内容的情况下禁用日历?

4

2 回答 2

1

自我回答

此解决方案适用于 datepicker 和 multidatepicker。只需执行 2 个步骤

一、改javascript

在您的“jquery.ui.datepicker.js”源代码中,在下面找到

(unselectable ? '<span class="ui-state-default">' + printDate.getDate() + '</span>' : 
                         '<a class="ui-state-default' + ..

并将其更改为:

(/*(unselectable ? '<span class="ui-state-default">' + printDate.getDate() + '</span>' : 
                         */'<a class="ui-state-default' +

二、添加css样式

#yourCal .ui-state-disabled {
    BACKGROUND-IMAGE: none; FILTER: none; opacity: .99;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #743620 none;
    color: white;
}                       
于 2012-09-10T05:30:18.923 回答
0

只需在您的日期选择器初始化代码中再添加一个选项,它就可以工作

 onSelect:function (dateText, inst) {
    var newDate = new Date();
    inst.drawMonth = newDate.getMonth();
    inst.drawYear = newDate.getFullYear();
    inst.currentMonth = newDate.getMonth();
    inst.currentYear = newDate.getFullYear();
}
于 2014-09-05T18:34:35.587 回答