javascript - 如何在 fullCalendar 中绑定(bind)日期？

Question

我有一个用 C# 编写的 ASP.NET Web 应用程序。

我在我的 aspx 页面中使用 fullCalendar 控件。我已经选择了一些日期并存储在数据库中。

现在，我已经获取了这些日期，但想要将它们显示为在 FullCalendar 控件中选择的内容。

任何人都可以帮我，如何在 FullCalendar 中绑定(bind)日期数量。

我尝试过这段代码:

<script>
    $("#calendar").fullCalendar('select', '2016-09-05', '2016-09-21');
</script>

但是这个只是突出显示，当我选择任何其他日期时， 所有这些日期都在消失。

在数据库中我有不同的日期，例如: “2016-09-05,2016-09-07,2016-09-08,2016-09-11,2016-09-15,2016-09-17”

我想以编程方式选择这些日期。

请大家帮帮我。

谢谢

Answer 1

select 方法用于选择一段时间(以便创建新事件)，而不是用于选择现有事件。请参阅https://fullcalendar.io/docs/selection/select_method/

事实上，fullCalendar 并没有任何“选择”事件的概念。最接近的是“eventClick”事件，您可以在用户单击事件时处理该事件。但这是一个暂时的事情，它不会导致存储任何类型的状态来指示事件的选择。

我认为，如果您希望在加载日历时预先选择部分/所有事件，那么最好的选择可能是循环遍历事件，找到您想要的事件，然后添加某种 CSS 类/样式到事件的 div，它将向用户指示它已被选择，并维护一个变量(在事件对象内或在单独的列表中)来指示其当前状态。

如果您想让它们在使用过程中可选择/不可选择，您可以处理 eventClick 事件并在其中放置一些类似的代码来检查事件的当前状态并相应地选择/取消选择它。