完整日历不显示基于事件时间的事件
fullcalendar not showing event base on event time
我正在英雄框架中构建一个活动日历。我已经通过 JSON 方法将我的完整日历链接到数据库。记录显示从"2012-04-18 12:00"开始,在"2012-04-18 14:00"结束,但日历无法显示基于时间的事件。它显示为全天事件。知道如何解决这个问题吗?
<script type='text/javascript'>
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var calendar = $('#calendar').fullCalendar({
header: {
left: 'prev,next today',
right: 'month,agendaWeek,agendaDay'
},
selectable: true,
selectHelper: true,
allDaySlot: false,
firstHour: 9,
select: function(start, end) {
var title = prompt('Event Title:');
if (title) {
calendar.fullCalendar('renderEvent',
{
title: title,
start: start,
end: end
},
false // make the event "stick"
);
var startDateString = $.fullCalendar.formatDate(start, 'yyyy-MM-dd hh:mm');
var endDateString = $.fullCalendar.formatDate(end, 'yyyy-MM-dd hh:mm');
$.ajax({
type: 'POST',
url: '{url}ajaxpost/add',
data: {
startDate: startDateString,
endDate: endDateString,
eventTitle: title
},
dateType: 'json',
success: function (resp) {
calendar.fullCalendar('refetchEvents');
}
});
}
calendar.fullCalendar('unselect');
},
editable: true,
events: "{url}ajaxget/data",
});
});
您需要将事件 allDay 属性设置为 false
当您从{url}ajaxget/data
url 返回事件时,您需要指定事件不是全天。
你这样做,我在每event
上设置一个allDay
字段,而不是一整天。
它可能看起来像这样:
[{
start : 10000000,
end : 10000500,
title : 'example event'
allDay : false
}, ... ]
您还可以在文档中找到此信息。
相关文章:
- 存在每个时间元素的javascript事件
- Javascript:如何在onChange事件期间更改日期时间值
- 事件时间戳谷歌分析
- 时间和事件嵌入声云
- 节点.js在一定时间后发出事件
- 在 Node.Js 脚本中使用 Javascript 计时器在特定时间触发事件
- HTML 5 音频 :是否有在更改缓冲持续时间时触发的事件
- 时间间隔的 JavaScript 事件侦听器
- 完整的日历错误时间在点击事件谷歌日历
- AngularJS:跟踪在Web应用程序中花费的时间,然后在特定时间触发事件
- 谷歌分析/Mixpanel/等.确定时钟错误时的事件时间戳
- JavaScript变量在第二次单击事件时间后取消设置
- “;预加载“;<音频>影响window.onload事件时间
- 用于查找重叠事件/时间的算法
- 淘汰赛和事件时间安排
- 完整日历不显示基于事件时间的事件
- 将事件时间添加到一天中-完整日历
- 谷歌分析跟踪事件时间
- 如何添加onclick功能以显示事件时间轴图表上的额外信息
- 谷歌地图事件时间戳