Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.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 JS FullCalendar V4右键单击菜单-选定日期_Javascript_Jquery_Fullcalendar - Fatal编程技术网

Javascript JS FullCalendar 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){

(V4)我试图在我的日历中添加一个右键单击菜单,允许用户对事件执行其他操作

我需要弄清楚如何在我的
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);
    }
});