如何在fullCalendar中绑定日期?

时间:2016-09-06 06:54:24

标签: javascript jquery ajax fullcalendar fullcalendar-scheduler

我在c#中有一个ASP.NET Web应用程序。

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

现在,我已经提取了这些日期,但希望在FullCalendar控件中显示它们。

任何人都可以帮助我,如何在FullCalendar中绑定日期数量。

我试过这段代码:

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

但是这个是,只是高亮一点,当我选择任何其他日期时, 所有这些日期都在消失。

在数据库中我有不同的日期,例如: &#34; 2016-09-05,2016-09-07,2016-09-08,2016-09-11,2016-09-15,2016-09-17&#34;

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

请帮帮我们。

由于

1 个答案:

答案 0 :(得分:0)

select方法用于选择一段时间(为了创建新事件) - 而不是用于选择现有事件。见https://fullcalendar.io/docs/selection/select_method/

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

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

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