占有されている日付の日付ピッカーに別の色を追加し、「false」を返してそれらを選択できないようにします。しかし、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;}