如何在 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/