Javascript JS FullCalendar V4右键单击菜单-选定日期
(V4)我试图在我的日历中添加一个右键单击菜单,允许用户对事件执行其他操作 我需要弄清楚如何在我的Javascript JS FullCalendar V4右键单击菜单-选定日期,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,(V4)我试图在我的日历中添加一个右键单击菜单,允许用户对事件执行其他操作 我需要弄清楚如何在我的alert()中显示所选日期值,以便为这些日期分配变量并创建事件 首先,我禁用了以下默认菜单: $("#calendar").on("contextmenu",function (event) {event.preventDefault();}); 接下来,我为右键单击创建了一个事件: jQuery(document.body).on("mousedown", function(event){
alert()
中显示所选日期值,以便为这些日期分配变量并创建事件
首先,我禁用了以下默认菜单:
$("#calendar").on("contextmenu",function (event) {event.preventDefault();});
接下来,我为右键单击创建了一个事件:
jQuery(document.body).on("mousedown", function(event){
if(event.button==2){
alert();
}
});
我的日历中的可选值设置为true
如何在我的alert()
编辑我尝试了提醒(calendar.selectionInfo)
但它是未定义的
编辑日历的2我的html
<link href='vendor/fullcalendar/core/main.css' rel='stylesheet' />
<link href='vendor/fullcalendar/daygrid/main.css' rel='stylesheet' />
<link href='vendor/fullcalendar/timegrid/main.css' rel='stylesheet' />
<div id="calendar"></div>
<script src="./vendor/jquery/jquery.min.js"></script>
<script src="./vendor/fullcalendar/core/main.min.js"></script>
<script src="./vendor/fullcalendar/daygrid/main.min.js"></script>
<script src="./vendor/fullcalendar/timegrid/main.min.js"></script>
<script src="./vendor/fullcalendar/interaction/main.min.js"></script>
看来你想要的并不容易
FullCalendar API提供了一些类似的功能:
通过创建日历时传递的选项,您可以决定用户单击日期时会发生什么情况,但我假设它只是左键单击
例如,在警报中显示日期:
let calendar=新日历(calendarEl{
插件:[交互插件],
日期点击:功能(信息){
警报('点击:'+info.dateStr);
}
});
如果你真的想右键点击,我正在尝试另一个解决方案,但它不会是干净的代码。。。很快更新
编辑
我发现了一些有用但不干净的东西,你很快就会受到限制
document.queryselectoral(“.fc day”).forEach(
element=>element.addEventListener(
“上下文菜单”,
事件=>{
event.preventDefault();
event.stopPropagation();
警报(event.target.dataset.date);//这里是单元格的日期
}
)
);
您可以发布日历的html吗?@Gui3请参见编辑。我需要右键单击菜单,如中的contect菜单,但它在4.0版本中不起作用。请您更新我的日历。
$("#calendar").on("mousedown", function(event){
if(event.button==2){
alert(calendar.selectionInfo);
}
});