Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 刷新完整日历后显示相同的月/周/日_Javascript_Fullcalendar_Fullcalendar Scheduler - Fatal编程技术网

Javascript 刷新完整日历后显示相同的月/周/日

Javascript 刷新完整日历后显示相同的月/周/日,javascript,fullcalendar,fullcalendar-scheduler,Javascript,Fullcalendar,Fullcalendar Scheduler,我使用fullcalendar插件来显示各种事件 我的问题是,当我更改正在查看的月/周,然后刷新时,我会被带回到当前的月/周,此时我希望保留之前查看的月/周。i、 如果现在是八月,我回到七月,然后刷新,我希望页面显示七月而不是八月的日历 下面给出了为指定问题提供工作日历的代码。请注意,我知道此日历无法完全工作(无法添加事件等),但它将其保存为index.html并打开它将显示刷新后无法在上一个视图中打开的问题 Jquery Fullcalandar与PHP和Mysql的集成 $(文档).re

我使用fullcalendar插件来显示各种事件

我的问题是,当我更改正在查看的月/周,然后刷新时,我会被带回到当前的月/周,此时我希望保留之前查看的月/周。i、 如果现在是八月,我回到七月,然后刷新,我希望页面显示七月而不是八月的日历

下面给出了为指定问题提供工作日历的代码。请注意,我知道此日历无法完全工作(无法添加事件等),但它将其保存为index.html并打开它将显示刷新后无法在上一个视图中打开的问题


Jquery Fullcalandar与PHP和Mysql的集成
$(文档).ready(函数(){
var calendar=$(“#calendar”).fullCalendar({
全天时段:错,
是的,
标题:{
左:'上一个,下一个今天',
中间:'标题',
右图:“月,agendaWeek,agendaDay”
},
事件:[{“id”:1,“标题”:“一”,“开始”:“2019-08-11 00:00:00”,“结束”:“2019-08-12 00:00:00”,“颜色”:“紫红色”},
是的,
selectHelper:对,
选择:功能(开始、结束、全天)
{
变量标题=提示(“输入事件标题”);
如果(标题)
{
var start=$.fullCalendar.formatDate(开始,“Y-MM-DD HH:MM:ss”);
var end=$.fullCalendar.formatDate(end,“Y-MM-DD HH:MM:ss”);
$.ajax({
url:“insert.php”,
类型:“POST”,
数据:{title:title,start:start,end:end},
成功:函数()
{
日历。完整日历(“参考事件”);
警报(“添加成功”);
}
})
}
},
是的,
eventResize:函数(事件)
{
var start=$.fullCalendar.formatDate(event.start,“Y-MM-DD HH:MM:ss”);
var end=$.fullCalendar.formatDate(event.end,“Y-MM-DD HH:MM:ss”);
var title=event.title;
var id=event.id;
$.ajax({
url:“update.php”,
类型:“POST”,
数据:{title:title,start:start,end:end,id:id},
成功:函数(){
日历。完整日历(“参考事件”);
警报(“事件更新”);
}
})
},
eventDrop:函数(事件)
{
var start=$.fullCalendar.formatDate(event.start,“Y-MM-DD HH:MM:ss”);
var end=$.fullCalendar.formatDate(event.end,“Y-MM-DD HH:MM:ss”);
var title=event.title;
var id=event.id;
$.ajax({
url:“update.php”,
类型:“POST”,
数据:{title:title,start:start,end:end,id:id},
成功:函数()
{
日历。完整日历(“参考事件”);
警报(“事件更新”);
}
});
},
事件单击:函数(事件)
{
如果(确认(“您确定要删除它吗?”))
{
var id=event.id;
$.ajax({
url:“delete.php”,
类型:“POST”,
数据:{id:id},
成功:函数()
{
日历。完整日历(“参考事件”);
警报(“事件移除”);
}
})
}
},
});
});



您可以添加此代码来解决您的问题

$(document).on('click', '.fc-next-button,.fc-prev-button', function () {
 localStorage.setItem('savedMonth',$('#calendar').fullCalendar('getView').intervalStart._d);
});
if(localStorage.getItem('savedMonth')!=null){
$('#calendar').fullCalendar('gotoDate',localStorage.getItem('savedMonth'));
}

或者您可以使用cookies而不是本地存储来完成此操作

为什么您觉得需要刷新页面?你是说你改天再来吗?但是,如果要执行此操作,可以在每次viewRender之后将当前日期存储在localstorage中,并在首次加载日历之前检索它