在fullcalendar 3.1的更新/删除对话框中显示保存的日期,可以通过以下步骤实现:
// 假设你有一个保存日期的输入框,其id为"savedDateInput"
var savedDate = document.getElementById("savedDateInput").value;
updateEvent
方法,可以用来更新事件的属性。你可以在对话框中的保存按钮的点击事件中调用该方法,将保存的日期更新到对应的事件上。以下是一个示例:// 假设你有一个保存按钮,其id为"saveButton"
document.getElementById("saveButton").addEventListener("click", function() {
// 获取保存的日期
var savedDate = document.getElementById("savedDateInput").value;
// 更新事件的属性
calendar.updateEvent({
id: eventId, // 事件的唯一标识符
start: savedDate, // 更新事件的开始日期
end: savedDate // 更新事件的结束日期(如果有)
});
// 关闭对话框
closeDialog();
});
在上述代码中,eventId
是你要更新的事件的唯一标识符,savedDate
是保存的日期。
refetchEvents
方法来重新加载日历,以便更新显示的事件。以下是一个示例:// 在保存按钮的点击事件中调用refetchEvents方法
document.getElementById("saveButton").addEventListener("click", function() {
// ...
// 重新加载日历
calendar.refetchEvents();
// ...
});
通过调用refetchEvents
方法,fullcalendar会重新获取事件数据并重新渲染日历,以显示更新后的事件。
这样,当用户在fullcalendar 3.1的更新/删除对话框中保存日期时,你就可以将保存的日期显示在对话框中,并更新对应的事件。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云