jquery UI日曆顯示mysql日期？

我需要從一個MySQL數據庫使用php，一旦我查詢數據庫，並具有所有的日期作爲查詢的結果，是否可以顯示這些日期例如在jQuery UI日曆？jquery UI日曆顯示mysql日期？

2012-11-04 huddds

使用['beforeShowDay'事件]（http://jqueryui.com/datepicker/#event-beforeShowDay）。請參閱[本教程]（http://stevethomas.com.au/jquery/jquery-datepicker-ajax-request-to-highlight-days-from-mysql.html）以獲取有關如何從mysql數據庫執行此操作的更多信息。 –

這是一些應該幫助你的代碼。這裏有一個鏈接到一個工作版本：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]此日期的可選彈出式工具提示。在日期選擇器顯示之前每天都會調用它。

您應該在服務器端（MySql）在客戶端提供日期。一旦你有這些日期，將它們添加到beforeShowDay邏輯。在javascript新日期（unix_timestamp * 1000）;會將您的服務器端時間戳轉換爲javascript可以使用的時間戳（1000將從幾秒到幾毫秒）

來源

2012-11-04 08:52:00

我也想顯示過去的日期突出顯示，它將用於顯示帖子，所以我可以看看日曆，並輕鬆地看到日期的所有帖子。上面的方法也會顯示過去的日期嗎？ – huddds

它應該在過去日期工作得很好 td.colorRed a顏色：＃FF0000！重要; } –

我更新了一個鏈接到一個工作版本的答案http://jsfiddle.net/tiborkiray/EXGW4/ –

jquery UI日曆顯示mysql日期？

回答

相關問題