gpt4 book ai didi

javascript - 如何在完整日历插件中添加周列

转载 作者:行者123 更新时间:2023-11-30 15:57:41 27 4
gpt4 key购买 nike

我正在尝试在我的项目中使用 fullCalendar 插件。请看下面的 fiddle ,

jsfiddle

在这里,日历将从星期日、星期一、星期二、星期三、星期四、星期五和星期六开始。

1) 我想在星期日之前再添加一列。第一列是周。它应该显示一年中的当前一周。 (即)如果当前周为 27(7 月 4 日至 10 日),则应在周列中显示 27。与所有周相同。

2) 如何在完整日历插件中添加星期列。

$(document).ready(function() {

var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();

var events_array = [
{
title: 'Test1',
start: new Date(2012, 8, 20),
tip: 'Personal tip 1'},
{
title: 'Test2',
start: new Date(2012, 8, 21),
tip: 'Personal tip 2'}
];

$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
selectable: true,
events: events_array,
eventRender: function(event, element) {
element.attr('title', event.tip);
}
});
});
<div style="border:solid 2px red;">
<div id='calendar'></div>
</div>

最佳答案

$(document).ready(function() {

var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();

var events_array = [
{
title: 'Test1',
start: new Date(2012, 8, 20),
tip: 'Personal tip 1'},
{
title: 'Test2',
start: new Date(2012, 8, 21),
tip: 'Personal tip 2'}
];

$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
selectable: true,
weekNumbers:true,
events: events_array,
eventRender: function(event, element) {
element.attr('title', event.tip);
}
});
});
<div style="border:solid 2px red;">
<div id='calendar'></div>
</div>

关于javascript - 如何在完整日历插件中添加周列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38241861/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com