Question

我想在jquery datepicker中向日历添加其他信息。目前，日历显示日历视图中列出的日期。我想要做的是在日期编号旁边的括号中添加一个数字。我正在为调度程序编写一个表单，我想向用户显示当天已使用日历安排了多少事件。

我没有足够的权限在这篇文章中添加图片，所以我会尽力展示我在寻找的内容。

常规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查询中获取要输入括号的必需信息。它返回日期和计数。我可以格式化日期以匹配您的解决方案所需的任何内容。

我想到了创建以特定日期命名的变量，其定义是计数（例如，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日历中的日期编号后面的括号中添加一个数字。

感谢您的帮助！

Answer 1

您可以通过设置beforeShowDay事件

来为任何一天添加课程

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

如果日期是要添加到日期和日期的类，则是添加课程的日期。

http://jsfiddle.net/NA9p5/

在jquery datepicker日历中向日期数添加信息

1 个答案: