fullcalendar选中一天添加日程
时间: 2023-10-13 07:04:20 浏览: 42
要在FullCalendar中选中一天并添加日程,您可以执行以下步骤:
1. 首先,您需要在FullCalendar中添加一个单击事件监听器,以便在单击日历上的某个日期时触发该事件。
例如:
```
$('#calendar').fullCalendar({
// ...其他配置
dayClick: function(date, jsEvent, view) {
// 在此处处理单击事件
}
});
```
2. 在dayClick事件处理程序中,您可以使用FullCalendar的addEventSource方法添加一个新事件。
例如:
```
$('#calendar').fullCalendar({
// ...其他配置
dayClick: function(date, jsEvent, view) {
// 在此处处理单击事件
$('#calendar').fullCalendar('addEventSource', [{
title: '新日程',
start: date,
allDay: true
}]);
}
});
```
此代码将在单击日期后添加一个名为“新日程”的新事件,并将其开始时间设置为所选日期。您可以根据需要添加其他事件属性。
3. 最后,您需要根据需要刷新FullCalendar以查看新添加的事件。
例如:
```
$('#calendar').fullCalendar({
// ...其他配置
dayClick: function(date, jsEvent, view) {
// 在此处处理单击事件
$('#calendar').fullCalendar('addEventSource', [{
title: '新日程',
start: date,
allDay: true
}]);
// 刷新日历以显示新事件
$('#calendar').fullCalendar('refetchEvents');
}
});
```
这将刷新FullCalendar以显示新添加的事件。