如何在fullcalendar的week里面添加事件

如何在fullcalendar的week里面添加事件,第1张

鼠标单击和滑过

以下列出的是当鼠标单击或者滑过日历中的某个元素时,回调的函数callback。

属性

描述

dayClick

当单击日历中的某一天时,触发callback,用法

$('#calendar').fullCalendar({

dayClick: function(date, allDay, jsEvent, view) {

do something...

}

})

date是点击的day的时间(如果在agenda view,

还包含时间),在月view下点击一天时,allDay是true,在agenda模式下,点击all-day的窄条时,allDay是true,点击其

他的agenda view下的day则为false,jsEvent就是一个普通的javascript事件,包含的是click事件的基础信息。

eventClick

当点击日历中的某一日程(事件)时,触发此 *** 作,用法:

$('#calendar').fullCalendar({

dayClick: function(event, jsEvent, view) {

do something...

}

})

event是日程(事件)对象,jsEvent是个javascript事件,view是当前视图对象。

eventMouseover 鼠标划过事件,用法和参数同上

eventMouseout 鼠标离开事件,用法和参数同上

日期插件的包为:mydate.js。

1:首先将日期插件的包引入到页面中

<script language="JavaScript" src="../Inc/Js/mydate.js"></script>

2:设置鼠标点击事件,当鼠标点击获得焦点的时候,触发事件,调用方法

<input type="text" name="starttime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq?>">

<input type="text" name="endtime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq?>">

3:完整页面代码

<?php

  date_default_timezone_set("PRC")

  $nowtime = time()

  $rq = date("Y-m-d",$nowtime)

?>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312" />

<meta name="generator" content="FFKJ.Net" />

<link rev="MADE" href="mailto:FFKJ@FFKJ.Net">

<title>在线--后台</title>

<link rel="stylesheet" type="text/css" href="../Skins/Admin_Style.Css" />

<script language="JavaScript" src="../Inc/Js/mydate.js"></script>

</head>

<body>

开始时间:<input type="text" name="starttime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq?>">

结束时间:<input type="text" name="endtime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq?>">

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11378377.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存