Javascript 使用Jquery datepicker创建活动预订日历

是否可以使用Jquery datepciker创建活动预订日历？ 请参见下面的日历图片

---

例如，当我在某个地方预订了一整天的活动时，日期将为红色，“仅白天”的日期单元格将为黄色，“仅夜晚”的日期单元格将为绿色。当我单击某个日期时，它会抓取该日期，并带来预订表单，预订全天/日/夜等。请告诉我一些想法。

如果您只想在jQuery datepicker的某些特定日期上显示一些颜色

您可以使用

beforeShowDay

和一个函数来检查日期是否在给定数组中…
然后，根据在其中找到的数组，将类添加到日期中。
您可以决定禁用日期（无法选择）

$（文档）.ready（函数（）{
风险值红色=[“2017-08-02”、“2017-08-04”、“2017-08-06”]；
var yellow=[“2017-08-09”]；
var green=[“2017-08-10”、“2017-08-11”]；
$（“#日历”）.datepicker({
defaultDate:'08/07/2017'，//仅用于此演示，请继续；）
beforeShowDay:功能（日期）{
var dateISO=$.datepicker.formatDate（'yy-mm-dd'，日期）；
//控制台日志（dateISO）；
如果（红色索引OF（日期ISO）>-1）{
返回[true，“red”]//已启用，类
}
if（黄色索引of（日期ISO）>-1）{
返回[真，“黄色”]
}
如果（绿色索引of（日期ISO）>-1）{
返回[真，“绿色”]
}
return[true]//如果未找到，则必须至少返回启用的布尔值。
}
});
});
。红色a{
背景色：红色！重要；
边界半径：20px；
}
.黄色a{
背景色：黄色！重要；
边界半径：20px；
}
格林先生{
背景色：绿色！重要；
边界半径：20px；
}

有了像你这样的插件，你可以做到这一点，还有更多……我可以像示例一样缩小FullCalendar并像上面的calendar那样定制它吗？你真的可以用它做任何你想做的事情。不同的样式、不同的方法和侦听器可以检测单击并更改cal上所有内容的值。是迷你模式的一个例子。看起来不错，谢谢！我可以将php和ajax与之集成吗？