2013-04-17 24 views
5

を無効にします。jQueryのUI日付ピッカー - 私は現在の日付+ 1にMinDateプロパティを設定することで、現在の日付を無効にし、次のコードを持っている現在の日付ではなく、ハイライト

var today = new Date(); 
    var tomorrow = new Date(); 
    tomorrow.setDate(today.getDate() + 1); 

     $("#minDate").datepicker({ 
      showOn: "none", 
      minDate: tomorrow, 
      dateFormat: "DD dd-mm-yy", 
      onSelect: function(dateText) { 
       minDateChange; 
      }, 
      inputOffsetX: 5, 
     }); 

Datepicker that has the current date disabled

を問題はそのIであります現在の日付を無効にしたいが、カレンダー内で強調表示(日付の周りの青色の枠線)を維持したい。

datepickerを使用してこれを行うネイティブな方法はありますか、またはハイライトスクリプトを自分で作成する必要はありますか?

+0

ハイライトされた日付がデフォルトで選択されていませんか?そうであれば、それは同時に選択された範囲から外れることはできません。 –

+0

まず、現在の日付をminDate: "+ 1D"で無効にし、そのスタイルを次のように変更します。\t .ui-datepicker-today span {background:#036!important;何か他に....}あなたが必要とするものに。 –

答えて

0

日付ピッカーは、「UI-DatePickerの-今日」と呼ばれる今日の日のクラスを持っているので、私は単にそれにクラスを追加しました:

$(".ui-datepicker-today span").addClass("ui-state-hover") 
0

あなたが変数として今日と明日を設定する必要はありません。設定してくださいminDate: 1

+1

これは興味深いコメントですが、現在の日付を無効にしても、それを強調表示する方法には答えていません。 –

関連する問題