Jquery UI日历显示mysql日期?

时间:2012-11-04 08:47:43

标签: php jquery mysql calendar

我需要使用php从mysql数据库中获取一系列日期,一旦我查询数据库并且查询结果包含所有日期,是否可以在jquery上显示例如红色的日期UI日历?

1 个答案:

答案 0 :(得分:3)

以下是一些可以帮助您的代码。 以下是工作版本的链接:http://jsfiddle.net/tiborkiray/EXGW4/

CSS:

td.colorRed a {
    color: #FF0000;
}

JavaScript的:

$('#datepicker').datepicker({
        beforeShowDay: function(date) {
         // apply your logic in here
         if (date == yourDate) {
              return [true, 'colorRed', 'ToolTip'];
          }
          return [true, '', 'ToolTip'];
       }
});

函数beforeShowDay将日期作为参数,并且必须返回一个数组,其中[0]等于true / false,表示此日期是否可选,[1]等于CSS类名称或“”对于默认演示文稿,[2]为此日期提供可选的弹出工具提示。在显示之前,会在datepicker中调用它。

您应该在客户端提供服务器端(MySql)的日期。有了这些日期后,将它们添加到beforeShowDay逻辑中。在javascript new Date(unix_timestamp * 1000);将您的服务器端时间戳转换为javascript可以使用的时间戳(1000是从几秒到几毫秒)