突出星期開始Javascript/JQuery UI datepicker

我有datepicker工作，它是完全正常工作。突出星期開始Javascript/JQuery UI datepicker

Datepicker - Week is not highlighted

從上面的圖片可以看出，本週選擇器工程。不過，我希望日期選擇器突出顯示當前的一週。在這個例子中，應該突出顯示整週的開始。我希望看起來像這樣或類似 What I would like

這是如何完成的？

編輯理想情況下，當頁面加載時，我希望當前星期突出顯示，而不是用戶必須自己選擇一週。在提供的示例中，當天選擇了當天，但我希望自動選擇當前星期。像下面

Current Week already selected

來源

2011-07-28 David

所選有類ui-datepicker-current-day的TD，所以這可能是你想找到。您可以通過附加帶有datepicker元素的點擊事件來進行突出顯示，例如

$("#datepicker").datepicker().click(function(event) { 
    // highlight the TR 
    $(".ui-datepicker-current-day").parent().addClass('highlight'); 

    // highlight the TD > A 
    $(".ui-datepicker-current-day").siblings().find('a').addClass('highlight2'); 
});

而且你可以定義highlight和highlight2類你的心臟的內容。

請注意，onSelect事件並不能解決問題，因爲每次單擊日期時都會刷新日曆。

下面是一個例子：http://jsfiddle.net/9DdfL/2/

來源

2011-07-29 13:52:32

您提供的示例精確地說明了我正在嘗試做什麼 – David

在日期選擇日期的每一行是一個<tr>。包含今天日期的<td>元素的類別爲ui-datepicker-today。
因此，你可以搜索這個元素，以獲得相應的tr和分配的父母，你要什麼類的吧：
$(".ui-datepicker-today").parent().addClass(...)

來源

2011-07-28 13:49:13

我不知道那裏的父元素corressponding到。 – David

父元素是''，其中包含您以綠色突出顯示的行。我建議你使用螢火蟲或其他開發者工具檢查你的HTML標記。 –

我檢查了使用螢火蟲的HTML，我明白每個星期是分開int 。我已經編輯我的帖子進一步解釋我正在嘗試做什麼。 – David

突出星期開始Javascript/JQuery UI datepicker

回答

相關問題