Javascript 如何在FullCalendar JS中发送当前月份的事件请求?
错误的方法是,我遇到了calendar.getDate().getMonth()在这个函数之外工作,但在里面呢?这不工作,它说这个。这不是一个函数Javascript 如何在FullCalendar JS中发送当前月份的事件请求?,javascript,fullcalendar,Javascript,Fullcalendar,错误的方法是,我遇到了calendar.getDate().getMonth()在这个函数之外工作,但在里面呢?这不工作,它说这个。这不是一个函数 <script> var todayDate = moment().startOf('day'); var YM = todayDate.format('YYYY-MM'); var YESTERDAY = todayDate.clone().subtract(1, 'day').format('YYYY-M
<script>
var todayDate = moment().startOf('day');
var YM = todayDate.format('YYYY-MM');
var YESTERDAY = todayDate.clone().subtract(1, 'day').format('YYYY-MM-DD');
var TODAY = todayDate.format('YYYY-MM-DD');
var TOMORROW = todayDate.clone().add(1, 'day').format('YYYY-MM-DD');
var month;
document.addEventListener('DOMContentLoaded', function()
{
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl,
{
plugins: ['dayGrid', 'list', 'timeGrid', 'interaction', 'bootstrap'],
themeSystem: 'bootstrap',
timeZone: 'UTC',
//dateAlignment: "month", //week, month
buttonText:
{
today: 'today',
month: 'month',
week: 'week',
day: 'day',
list: 'list'
},
eventTimeFormat:
{
hour: 'numeric',
minute: '2-digit',
meridiem: 'short',
hour12: false,
},
navLinks: true,
firstDay: 1,
header:
{
left: 'prev,next today addEventButton',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
},
footer:
{
left: '',
center: '',
right: ''
},
customButtons:
{
addEventButton:
{
text: '+',
click: function()
{
var dateStr = prompt('Enter a date in YYYY-MM-DD format');
var date = new Date(dateStr + 'T00:00:00'); // will be in local time
if (!isNaN(date.valueOf()))
{ // valid?
calendar.addEvent(
{
title: 'dynamic event',
start: date,
allDay: true
});
alert('Great. Now, update your database...');
//update data
}
else
{
alert('Invalid date.');
}
}
}
},
//height: 700,
editable: false,
eventLimit: true, // allow "more" link when too many events
views:
{
sevenDays:
{
type: 'agenda',
buttonText: '7 Days',
visibleRange: function(currentDate)
{
return {
start: currentDate.clone().subtract(2, 'days'),
end: currentDate.clone().add(5, 'days'),
};
},
duration:
{
days: 7
},
dateIncrement:
{
days: 1
},
},
},
events:{
url: '{{ path('calendar_fetchData', {'id': user.Id}) }}',
method: 'POST',
extra_params: {
month: this.getDate().getMonth(),
}
},
});
calendar.render();
});
</script>
var todayDate=moment().startOf('day');
var YM=todayDate.format('YYYY-MM');
var昨天=todayDate.clone().subtract(1,'day').format('YYYY-MM-DD');
var TODAY=todayDate.format('YYYY-MM-DD');
var moother=todayDate.clone().add(1,'day').format('yyyyy-MM-DD');
var月;
document.addEventListener('DOMContentLoaded',function()
{
var calendarEl=document.getElementById('calendar');
var calendar=新的完整日历。日历(calendarEl,
{
插件:['dayGrid','list','timeGrid','interaction','bootstrap'],
主题系统:“引导”,
时区:“UTC”,
//dateAlignment:“月”,//周,月
按钮文字:
{
今天:"今天",,
月:'月',
周:“周”,
day:“day”,
列表:“列表”
},
事件时间格式:
{
小时:'数字',
分钟:“两位数”,
梅里迪姆:“短”,
小时12:错,
},
导航链接:是的,
第一天:1,
标题:
{
左:“上一个,下一个今天添加了一个按钮”,
中心:'标题',
右图:“dayGridMonth、timeGridWeek、timeGridDay、listWeek”
},
页脚:
{
左:'',
中心:'',
对:“”
},
自定义按钮:
{
新增按钮:
{
文本:“+”,
单击:函数()
{
var dateStr=prompt('输入YYYY-MM-DD格式的日期');
var date=新日期(dateStr+'T00:00:00');//将使用本地时间
如果(!isNaN(date.valueOf()))
{//有效吗?
日历.addEvent(
{
标题:“动态事件”,
开始日期:,
全天:没错
});
警报('很好。现在,更新您的数据库…');
//更新数据
}
其他的
{
警报(“无效日期”);
}
}
}
},
//身高:700,
可编辑:false,
eventLimit:true,//当事件太多时允许“更多”链接
意见:
{
七天:
{
键入:“议程”,
按钮文字:“7天”,
visibleRange:函数(当前日期)
{
返回{
开始:currentDate.clone().subtract(2,'天'),
结束:currentDate.clone().add(5,'天'),
};
},
持续时间:
{
天数:7
},
日期增量:
{
天数:1
},
},
},
活动:{
url:“{path('calendar_fetchData',{'id':user.id}}}”,
方法:“POST”,
额外参数:{
月份:this.getDate().getMonth(),
}
},
});
calendar.render();
});
我已经试过了。美元(#日历)和日历。但这是行不通的
它告诉我要提供更多的细节,但这已经足够了。我可以告诉你,我曾经尝试过其他主题的答案,但都不起作用。你为什么需要这个?fullCalendar已将开始和结束日期自动发送到您的URL。这比发送月份更准确。你根本不需要认真地去做?你能给我一个到doc的链接吗?数据名是什么?参数称为开始和结束。这里是这样描述的:好吧,但是如果我想要其他参数呢?如何把它们放进去?你在寻找什么“其他参数”?你可能认为你不需要提供更多的细节,但你确实。。。。。我们无法读懂你的心思!解释你在做什么,以及问题是什么,就好像我们是三年级学生一样(即,循序渐进),这样我们就可以关注问题,你就可以得到你想要的帮助。很多时候,当你这样做的时候,你自己就能看到答案。