首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在fullcalendar 3.1的更新\删除对话框中显示保存的日期

在fullcalendar 3.1的更新/删除对话框中显示保存的日期,可以通过以下步骤实现:

  1. 首先,确保你已经引入了fullcalendar库,并创建了一个日历实例。
  2. 在更新/删除对话框中,你可以使用JavaScript代码来获取保存的日期。具体的代码取决于你的实现方式,以下是一个示例:
代码语言:txt
复制
// 假设你有一个保存日期的输入框,其id为"savedDateInput"
var savedDate = document.getElementById("savedDateInput").value;
  1. 获取到保存的日期后,你可以将其显示在对话框中。fullcalendar提供了一个updateEvent方法,可以用来更新事件的属性。你可以在对话框中的保存按钮的点击事件中调用该方法,将保存的日期更新到对应的事件上。以下是一个示例:
代码语言:txt
复制
// 假设你有一个保存按钮,其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是保存的日期。

  1. 最后,你可以选择使用fullcalendar的refetchEvents方法来重新加载日历,以便更新显示的事件。以下是一个示例:
代码语言:txt
复制
// 在保存按钮的点击事件中调用refetchEvents方法
document.getElementById("saveButton").addEventListener("click", function() {
  // ...

  // 重新加载日历
  calendar.refetchEvents();

  // ...
});

通过调用refetchEvents方法,fullcalendar会重新获取事件数据并重新渲染日历,以显示更新后的事件。

这样,当用户在fullcalendar 3.1的更新/删除对话框中保存日期时,你就可以将保存的日期显示在对话框中,并更新对应的事件。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的沙龙

领券