在Datepicker中显示预定义日期

时间:2015-06-05 07:35:40

标签: jquery asp.net-mvc-4 jquery-ui datepicker

目标:
根据数据库中的可用日期在datepicker中显示指定的日期 例如,我有约会时间" 2015-04-30"," 2015-05-15"," 2015-05-16"在数据库中,这三个日期应仅显示在datepicker(https://jqueryui.com/datepicker/)。

问题:
我试图找到任何解决方案,但我失败了。我不知道该怎么办?

信息:
*我检索日期'值作为字符串" 150430"。我检索的默认值是datetype datetime。总的来说,这是两个不同的参数 * https://jqueryui.com/datepicker/
*我使用的是ASP.net MVC和Bootstrap

2 个答案:

答案 0 :(得分:2)

您可以这样使用,只有可用日期会选择其他将无法选择的日期。 检查已经给出的例子。

您可以将以下内容添加到数组中:

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

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

答案 1 :(得分: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 
}