1

StackOverflowの無効日にツールチップを追加するスレッドについて、thisスレッドが見つかり、コードに追加する方法がわかりませんでした。Jquery UI DatePicker beforeShowDayツールチップ

誰かが私を助けることができたら嬉しいです。これまで

マイコード:機能(日付)
デフォルト:ヌル
Aここ

beforeShowDay: function(disabledDates) { 
    //Concatenating All dates before they are sent in to beforeShowDay 
    var localDateArray = parsedDates.concat(addWeekendToDisabled(), disableToday(), disableTomorrow()); 

    var string = jQuery.datepicker.formatDate('yy-mm-dd', disabledDates); 
    return [localDateArray.indexOf(string) === -1]; 

}, 

Jquery UI Datepicker公式ドキュメントからbeforeShowDay here

beforeShowDay

タイプですパラメータとして日付をとり、配列を返さなければならない関数H:
[0]:この日付が選択可能であるかどうかを示す真/偽
[1]:この日付

ためのオプションのポップアップツールヒント:CSSクラス名は、デフォルトのプレゼンテーション
[2]の日付のセルまたは「」に追加します
+2

無効な日にもイベントは無効になります。あなたが期待している動作や実装の問題が本当にわからない場合 – charlietfl

+0

このデモが役立つかどうかを確認してください。http://plnkr.co/edit/ncwIPE1m0nYsS3e9MUFS?p=preview – charlietfl

+0

Ok。だから無効になった日にツールチップを取得する方法はない?私は予約が無効になった理由を説明する障害のある日にツールチップを表示したかったのです。 – AllramEst

答えて

0

ここは古いCodePenです。別の質問のために作成しました。
質問の関連コードは以下のとおりです。無効日程で再度有効にポインタイベントへ

CSS:

pointer-events:initial !important; 

その後、beforeShowDayに、日付を無効にするfalseを返すとき、あなたはまた、バックグラウンドのために(クラスを返すことができます。色、例えばANDとポインタイベント)
このクラスを使用すると、配列から無効な日付に適切なツールチップメッセージを添付することができます。

だから、日付ピッカーがインスタンス化された後にこのような何かを、要素のtitle属性でなければならないメッセージ、添付する:

$(document).find(".ui-state-disabled.red").attr("title",disabledReason[0]).tooltip(); 



編集
をそれがどのように見えます日付が選択された後、私のトリックは機能しません...
DatePickerが再描画されるためです。だからここ

onSelectはANS使用して、ウォークアラウンドですsetTimeout()

onSelect: function(){ 
    setTimeout(function(){ 
     $(document).find(".ui-state-disabled.red").attr("title",disabledReason[0]).tooltip(); 
     $(document).find(".ui-state-disabled.green").attr("title",disabledReason[1]).tooltip(); 
    },10); 
} 

それは、この第二のCodePenに取り組んでいます。

+0

ニース!!私は今夜​​私の解決策で私をテストします。私はあなたに戻ってきます。 – AllramEst

+0

あなたの解決策を今夜少し試してみてください。それを働かせなかった。明日はもっと努力してくれます。 – AllramEst

+0

さようなら!問題ない。 ;) –

関連する問題