2011-06-20 4 views
1


jQueryのUI日付ピッカーCSSテーブルデータをフォーマットする(TD)

Iは、予約フォームの日付を選択するためにはJQueryの日付ピッカーを使用します。選択できない日付がいくつかあるので、無効にしました。これはprety fineで動作します。今では、予約の前後に到着日と出発日をマークしようとしました。

予約が月の初めに開始されない場合、これは問題なく動作します。しかし、いくつかのケースがあり、それはうまくいきません。

例としてhttp://bnob.ch/de/index.phpを参照してください。 8月の予約を見てください。最初の予約の到着と出発日はうまくいかず、2番目の予約は正しく動作します。

CSSコード:

#ui-datepicker-calendar { 
border-collapse: separate; 
} 
td.disabled { 
padding: 1px; 
background-color: red; 
} 
td.departure { 
padding: 1px 0 0 1px; 
background-color: red; 
} 
td.arrival { 
padding: 0 1px 1px 0; 
background-color: red; 
} 

この2つのエントリの間で異なるとは何ですか?私は火かき棒で何も見つかりませんでした。それはまったく同じように見えます。
テーブル内の継承はアクティブですが、まだ見えませんでしたか?

は、任意の情報

敬具デニス

+0

私はあなたが 'との国境の色を変え、パディングでは実現しようとしている正確に何か分かりません!重要なフラグはおそらくよりクリーンで信頼性の高い解決策になるでしょう。 – DarthJDG

答えて

0

ありがとうござい正しい道に私を取得するためにありがとう。

境界も私の最初の決定でしたが、子要素(アンカーまたはスパン)を選択する可能性はありませんでした。 tdの宣言は境界線ではあまり見えません。

あなたは子要素上でそれを使用する必要があり、あなたの境界線のスタイルを設定するには:

.disabled span { border: 1px solid red !important; } 

.otherStyle a { border-bottom: 1px solid red !important; border-right: 1px solid red !important } 
+1

これは回答またはコメントですか? – Neal

+0

問題ありません。あなたの最終的な解決策である場合には、答えとして受け入れるようにしてください。 – DarthJDG

関連する問題