javascript - eonasdan-datetimepicker で日付を無効にするスタイルを上書きする

Question

基本的なホバー メッセージを表示する「eonasdan-datetimepicker」( https://github.com/Eonasdan/bootstrap-datetimepicker )のデフォルト スタイルをオーバーライドしたいと思います。デフォルトでは、無効な日付は次の CSS 属性を使用しています:

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

title 属性で基本的なホバー メッセージを表示したいと思います。私の現在の試行はまったく機能していません。このコードを document.ready 関数に入れました。

    if ($(".bootstrap-datetimepicker-widget").attr('th, td, span', 'disabled') == 'true')
    {
        $(".bootstrap-datetimepicker-widget").attr('title', 'This date is disabled');
    }

ありがとうございました