2015-06-05 63 views
1

目標:
根據數據庫中的可用日期在datepicker中顯示指定日期。
例如,我在數據庫中有日期「2015-04-30」,「2015-05-15」和「2015-05-16」,這三個日期只應顯示在日期選擇器(https://jqueryui.com/datepicker/)中。在Datepicker中顯示預定義日期

問題:
我試圖找到任何解決方案,但我失敗了。我不知道該怎麼辦?

信息:
*我檢索日期的值作爲字符串「150430」。我檢索的默認值是datetype datetime。完全是兩個不同的參數。
* https://jqueryui.com/datepicker/
*我使用ASP.net MVC和Bootstrap

+0

可以作爲例子使用:http://jsfiddle.net/yXMKC/1389/ –

回答

2

您可以使用這樣的,唯一可用的日期將選擇其他的將不可選。 檢查已經給出的例子。

您可以添加到陣列爲:

var availableDates = ["9-5-2015","14-5-2015","15-5-2015"]; 

小提琴 - http://jsfiddle.net/yXMKC/1389/

+0

你知道如何測試此日期選擇在不同的和舊的Web瀏覽器的工作原理? –

+0

你可以使用IE測試工具來檢查IE,對於safari你可以使用開發者代理選項。並且chrome是用戶特定的,請嘗試多個用戶帳戶併爲每個用戶安裝不同的版本。 –

2

從文檔摘自:

enter image description here

所以你基本上可以做到這一點:

var availableDates = ["30-4-2015","15-5-2015","16-5-2015"]; 

$('#datePicker').datepicker({ 
     beforeShowDay: isDateAvailabele 
}); 

然後構造函數返回[true, "", ""][false, "", ""],具體取決於是否顯示日期。

function isDateAvailabele(date) { 
     // check your date formatting with the dates in the array 
} 
+0

你知道如何測試這個日期選擇器是否適用於不同的和舊的Web瀏覽器? –

+0

這取決於您使用的是哪個版本的Jquery UI。閱讀:https://jqueryui.com/browser-support/ –

相關問題