在jquery datepicker日曆中添加信息到天數

我想添加額外的信息到jQuery日期選擇器中的日曆。目前日曆顯示月份和日曆視圖中列出的日期。我想要做的是在旁邊的數字旁添加一個數字。我正在編寫調度程序的表單，並且想要顯示用戶使用日曆已安排了多少個事件。在jquery datepicker日曆中添加信息到天數

我沒有足夠的權限添加圖片到這篇文章，所以我會盡我所能來證明我在找什麼。

定期日期選擇器日曆：

Su M T W TH F Sa 
1 2 3 4 5 6 7 
8 9 10 11 12 13 14

我在尋找：

Su  M  T  W  TH  F  Sa 
1(2) 2(1) 3(1) 4(1) 5(1) 6(1) 7(8) 
9(1) 10(2) 11(5) 12(4) 13(3) 14(6) 15(2) 

**the numbers in parenthesis() are the number of appointments 
    already scheduled for that day.**

我可以輸入到從MySQL查詢括號所需的信息。它返回日期和計數。我可以格式化日期以匹配解決方案需要的任何內容。

我想過創建以特定日期命名的變量，其中定義是count（例如，var 2012-1-30 = 1，var 2012-1-31 = 4）。然後，我會以某種方式使datepicker函數添加定義，當天匹配我創建的變量日期。我不確定是否有辦法將此添加到datepicker函數。

我嘗試過並且無法工作的另一個解決方案是編輯datepicker函數爲每天添加一個類，以便我可以使用jquery選擇每一天。例如2012年1月30日有一個類似[class =「date_2012-1-30」]的類。我可以用這種方法手動選擇和編輯這些日子（這是我編輯第二張圖片的方式），但是我無法使用日期選擇器來使用此信息。我在datepicker中嘗試過beforeshow事件，認爲我可以讓日曆在顯示之前編輯匹配類中的文本，但這不起作用。

我想知道如果有人有任何想法如何完成我所期待的。再次，我試圖在jquery datepicker日曆中的日期編號之後的圓括號中添加一個數字。

謝謝你的幫助！

來源

2012-01-30 Jonny Jesperson

您可以通過設置beforeShowDay事件類添加到任何一天，

$("#datepicker").datepicker({ 
    beforeShowDay: function(date) { 
     return [true, 'date_' + date.getTime()]; 
    } 
});

哪裏dateday將被添加到日期和日期一類是類被添加到一天。

http://jsfiddle.net/NA9p5/

來源

2012-01-30 19:09:27 Andrew

在jquery datepicker日曆中添加信息到天數

回答

相關問題