1

こんにちは、datepicker で 1 日の CSS を変更したいのですが、それらは利用できないため、それらを選択できないようにしたいのです。したがって、使用できない日付の配列があり、beforeshowday で関数を呼び出します。次のように渡すと：

 return [true,"test"];

授業テストは当日選択可能で適用します。背景色は変わりますが、縁取りは通常の色のままです！ボーダーも他の色にしたいし、できれば選択できないようにしたい。false を返すと、クラスは適用されません!

function highlightDays(date) {
        var timestamp = new Date(Date.UTC(date.getFullYear(),date.getMonth(),date.getDate()));
        var timestamp = timestamp/1000;
        if ($.inArray(timestamp, prijzen) != -1) {
                return [true,"test"];
        }
    return [true, ''];
}

CSS:

 td.test a { 
background: red !important; 
 }
4

1 に答える 1

2

bad以下は、eaxtra クラスが追加された選択できない日に datepicker によって生成された html です。beforeShowDay

<td class=" ui-datepicker-unselectable ui-state-disabled bad"><span class="ui-state-default">2</span></td>

次のように、datepicker クラスのみを使用して css を変更できます。

.ui-datepicker-unselectable.ui-state-disabled span.ui-state-default{
       color:red; border-color:#ffffff
 }

追加するクラスを使用して、より具体的にすることもできます

デモ: http://jsfiddle.net/Gpm3N/

于 2013-01-21T15:20:33.683 に答える