Question

我在我的日期选择器中为已占用的日期添加了不同的颜色，并且我还返回“false”以使它们不可选。但是当我使用假的颜色是灰色的时候，我认为在日期上有一个div让他无法选择。但是，我怎样才能使该div 100％透明？

代码：

beforeShowDay:function highlightDays(date) {
                var timestamp = new Date(Date.UTC(date.getFullYear(),date.getMonth(),date.getDate()));
    var timestamp = timestamp/1000;
    if ($.inArray(timestamp, verhuurt) != -1){
                   return [false,'verhuurt'];
                }
                else if ($.inArray(timestamp, gesloten) != -1) {
                  return [false,'gesloten'];
            }
                else if ($.inArray(timestamp, wisseldagen) != -1) {
                  return [true,'wisseldag'];
            }
                else{return [true, 'beschikbaar'];}
            }

CSS（对于不可选择的人）：

.ui-datepicker-unselectable.gesloten span.ui-state-default{background:#999999 !important; border-color:#999999 !important;text-decoration: line-through;}
.ui-datepicker-unselectable.verhuurt span.ui-state-default {background:#FF6600!important; border-color:#FF6600 !important;color:#FF9966  !important;text-decoration: line-through;}

Answer 1

您可以覆盖ui-state-disabled类不透明度并将其设置为1。

代码：

.ui-state-disabled{
    opacity: 1 !important;
}

演示：http://jsfiddle.net/IrvinDominin/Eqt6s/

jquery datepicker造型不可选择的日期

1 个答案: