如何在 Bootstrap datetimepicker 上添加过去日期的工具提示文本？

Question

I'm using Bootstrap datetimepicker to select the Date in which all the Past Dates are Disabled . When the user tries to Hover over any Past date, I need to display tooltip "Choose any future Date".

I'm using bootstrap-datetimejs version 4.17.47

I've tried this hover function `

$("#orderdatepicker").click(function() {  
  $(".bootstrap-datetimepicker-widget tr").hover(
      function() {
        console.log('in....');
        console.log('this...', this);
      },
      function() {
        console.log('out....');
      }
    );
  });

I could see the console logs, but this log is only returning the empty tr . Is there any way for getting the Date that the user is trying to select to perform an operation on it?

Answer 1

The selector you are looking for is:

.bootstrap-datetimepicker-widget table td .disabled

Instead of the: $(".bootstrap-datetimepicker-widget tr")

It would be: $(".bootstrap-datetimepicker-widget.disabled")

Now these are the 3 different elements that can be disabled, if your weekday letters also return something then try one of the following too:

.bootstrap-datetimepicker-widget table td .disabled

.bootstrap-datetimepicker-widget table td.disabled

I don't know which variation and configuration you have, you really should put more info in your questions to get answers much faster. You didn't even share your configuration and initiation function.