今日は常に日付ピッカーでハイライト

Question

beefreshowdayとbeforeshowdayを今日falseに設定していても、今日のピックアップでいつもハイライトする方法があるのだろうかと思っていました。例えば

：

beforeShowDay: function(date) { 
    // make days selectable or not 
    if($.inArray($.datepicker.formatDate('yy-mm-dd', date), non_project_dates) > -1) { 
     return [false,'','']; 
    } 
    else { 
     return [true,'','']; 
    } 
}, 

今日は非選択の日に該当する管理している場合、スタイルが上書きされます。どのようにスタイルを保存しながら、それも選択不可能にするのですか？

ありがとうございました。

編集：

私は今日のためにチェックすることができたが、提案されたスタイルは、唯一の日セルのアウトラインを変更します。今日のセルで見つかった複数のスタイルクラスを追加しようとしましたが、グレーアウトされたスタイルは今日のハイライトスタイルをオーバーライドするようです。

beforeShowDay: function(date) { 
    // make days selectable or not 
    if ($.datepicker.formatDate('yy-mm-dd', calendar_start_date) == $.datepicker.formatDate('yy-mm-dd', date)) { 
     console.log("Matched today."); 
     return [false,'ui-state-highlight','']; 
    } 
    else if($.inArray($.datepicker.formatDate('yy-mm-dd', date), non_project_dates) > -1) { 
     return [false,'','']; 
    } 
    else { 
     return [true,'','']; 
    } 
} 

Answer 1

最終的な回答ではありませんが、おそらくこれが役に立ちます。今日はこの責任jqueryuiのコードが

tbody += "<td class='" + 
          ((dow + firstDay + 6) % 7 >= 5 ? " ui-datepicker-week-end" : "") + // highlight weekends 
          (otherMonth ? " ui-datepicker-other-month" : "") + // highlight days from other months 
          ((printDate.getTime() === selectedDate.getTime() && drawMonth === inst.selectedMonth && inst._keyEvent) || // user pressed key 
          (defaultDate.getTime() === printDate.getTime() && defaultDate.getTime() === selectedDate.getTime()) ? 
          // or defaultDate is current printedDate and defaultDate is selectedDate 
          " " + this._dayOverClass : "") + // highlight selected day 
          (unselectable ? " " + this._unselectableClass + " ui-state-disabled": "") + // highlight unselectable days 
          (otherMonth && !showOtherMonths ? "" : " " + daySettings[1] + // highlight custom dates 
          (printDate.getTime() === currentDate.getTime() ? " " + this._currentClass : "") + // highlight selected day 
          (printDate.getTime() === today.getTime() ? " ui-datepicker-today" : "")) + "'" + // highlight today (if different) 
          ((!otherMonth || showOtherMonths) && daySettings[2] ? " title='" + daySettings[2].replace(/'/g, "&#39;") + "'" : "") + // cell title 
          (unselectable ? "" : " data-handler='selectDay' data-event='click' data-month='" + printDate.getMonth() + "' data-year='" + printDate.getFullYear() + "'") + ">" + // actions 
          (otherMonth && !showOtherMonths ? "&#xa0;" : // display for other months 
          (unselectable ? "<span class='ui-state-default'>" + printDate.getDate() + "</span>" : "<a class='ui-state-default" + 
          (printDate.getTime() === today.getTime() ? " ui-state-highlight" : "") + 
          (printDate.getTime() === currentDate.getTime() ? " ui-state-active" : "") + // highlight selected day 
          (otherMonth ? " ui-priority-secondary" : "") + // distinguish dates from other months 
          "' href='#'>" + printDate.getDate() + "</a>")) + "</td>"; // display selectable date