Jquery UI日期選擇器beforeShowDay工具提示

我發現this關於在StackOverflow中添加工具提示給禁用日期的線程，無法弄清楚如何將它添加到我的代碼中。Jquery UI日期選擇器beforeShowDay工具提示

如果有人能幫助我，我會很高興。

我迄今爲止代碼：

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

類型：Function（日期爲準）
默認：空
一函數將一個日期作爲參數並且必須返回一個數組wit H：
[0]：真/假，則表示這個日期是否是可選
[1]：CSS類名添加到日期的單元格或「」爲默認顯示
[2]：此日期
可選彈出提示

來源

2017-07-08 AllramEst

活動在禁用日期也被禁用。不知道你期望什麼樣的行爲或者什麼樣的實現問題真的是 – charlietfl

看看這個演示是否有幫助：http://plnkr.co/edit/ncwIPE1m0nYsS3e9MUFS?p=preview – charlietfl

好的。那麼無法在禁用日期獲取工具提示？我想在殘疾人日子顯示一個工具提示，解釋爲什麼殘疾人無法預訂。 – AllramEst

這是一箇舊的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。

來源

2017-07-08 21:13:13

不錯！我將在今晚的解決方案中測試我。那麼我會盡快回復你。 – AllramEst

今晚試了一下你的解決方案。沒有得到它的工作。明天會給它更多的努力。 – AllramEst

好吧！沒問題。 ;） –

Jquery UI日期選擇器beforeShowDay工具提示

回答

相關問題