Mr.*_*mid 6 javascript jquery fullcalendar
实施全日历时,我遇到了一个问题。我使用fullcalendar插件允许用户全天,每周,每天,每月和每年重复添加任务和事件以及相应的选项。
对于上述功能,我提到了两个SO帖子
虽然每星期重复我对着这是在解决一个问题,创造一个全天事件问题#4173对,我已经创建了一个演示在这里 我也查V4,我发现它会为我工作,V4演示在这里,但我在这里还有其他问题,我正在一个实时网站上工作,在那里我无法进行改版并选择实现v4,这是一个复杂的系统,需要在选择改版之前全面研究,因此是否有实现相同目标的技巧在v3中,有什么我可以手动编辑在本地存储的文件中或对其进行修补以解决此问题的方法?
$(function() {
let defaultEvents = [{
id: 230,
title: 'all day with every week (range)',
start: '00:00:00',
end: '23:59:59',
dow: [2],
allDay: true,
ranges: [{
start: "2018-12-10",
end: "2018-12-26"
}]
}, ];
$('#calendar').fullCalendar({
defaultView: 'month',
header: {
left: 'prev,next today',
center: 'title',
right: 'agendaWeek,agendaDay'
},
eventSources: [defaultEvents],
eventRender: function(event, element, view) {
if (event.ranges) {
console.log(event.ranges)
return (event.ranges.filter(function(range) {
return (event.start.isBefore(range.end) &&
event.end.isAfter(range.start));
}).length) > 0;
}
}
});
});Run Code Online (Sandbox Code Playgroud)
html,
body {
margin: 0;
padding: 0;
font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-size: 14px;
}
#calendar {
max-width: 900px;
margin: 40px auto;
}Run Code Online (Sandbox Code Playgroud)
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.0/fullcalendar.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.0/fullcalendar.min.js"></script>
<div id='calendar'></div>Run Code Online (Sandbox Code Playgroud)
谢谢
这个问题在 v3 中两次突出显示,票证#4173和#4399,现在在 v4 中使用单独的重复 RRule 插件修复了该问题。在 v4 中,您可以像这样复制以下事件
{
title: 'event with every week (all day)',
allDay: true,
rrule: {
freq: 'weekly',
dtstart: '2019-04-05',
until: '2021-04-05'
},
}
Run Code Online (Sandbox Code Playgroud)
这是小提琴
| 归档时间: |
|
| 查看次数: |
385 次 |
| 最近记录: |