javascript - 如何在 FullCalendar 中保存事件

标签 javascript

如何在 fullcalender.js 中刷新页面后保存此事件
刷新后此事件设置回其位置 并且不更新。 由于事件在刷新后切换到另一个日期,它们仍然会更新字体

之后我应该写入哪个文件来进行此更改以及我应该写入什么来进行此更改

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<link href='fullcalendar.css' rel='stylesheet' />

<script src='moment.min.js'></script>
<script src='jquery.min.js'></script>
<script src='fullcalendar.js'></script>
<script>

  $(document).ready(function() {

    $('#calendar').fullCalendar({
      defaultDate: '2018-05-15',
    selectable: true,

      editable: true, 

      events: [
        
       
        {
          title: 'Meeting',
          start: '2018-05-15T10:30:00',
          end: '2018-05-15T12:30:00'
        },
        {
          title: 'Lunch',
          start: '2018-05-15T12:00:00'
        },
        {
          title: 'Meeting',
          start: '2018-05-15T14:30:00'
        },
        {
          title: 'Tea Hour',
          start: '2018-05-15T17:30:00'
        },
        
      ]
      

    
    });

  });

</script>

<style>

  body {
    margin: 40px 10px;
    padding: 0;
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size: 14px;
  }

  #calendar {
    max-width: 800px;
    margin: 0 auto;
  }

</style>
</head>
<body>

  <div id='calendar'></div>

</body>
</html>

最佳答案

要持久化您的更改,您需要使用数据库。 Fullcalendar 只提供功能,不提供持久性。

另一种没有数据库的解决方法是使用 localStorage。您可以在客户端存储事件并检查事件是否存储在 localStorage 中。如果有存储的事件,将它们应用于日历。 但是你不能存储事件并在没有数据库的情况下在另一个客户端上看到它。

关于javascript - 如何在 FullCalendar 中保存事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50342612/

相关文章:

javascript - 关于启动 JS 或 JQuery 进行文件处理的建议

javascript - 使用 Django 和 Angular 的 CORS 预检请求

javascript - angularjs 和expressjs 路由崩溃(噢,啪!)

javascript - 如何刷新 tempo js 以显示新数据?

php - 无法在 magento 1.6 中编辑某些类别字段

javascript - 将多部分表单(输入类型=文件)转换为WordPress媒体库上传

javascript - 使用 jQuery 通过缺少属性查找子元素

javascript - 这些在 javascript 中定义数组的方法有什么区别?

javascript - Bootstrap-Date 选择器日期字段未保存到 mysql 数据库

Javascript 自动完成功能不适用于空格