Javascript 如何定制完整日历中的时段?

Javascript 如何定制完整日历中的时段?,javascript,twitter-bootstrap,fullcalendar,momentjs,Javascript,Twitter Bootstrap,Fullcalendar,Momentjs,我正在使用来自的完整日历,在自定义其时间段时遇到一些问题 我想添加早餐、午餐、晚餐等时段,用户也可以添加自己的时段。如何根据插槽数量设置固定高度?另外,我想为早餐、午餐等设置槽列文本,而不是12点、6点。以下是我到目前为止所做的: var today=moment(); $(“#日历”).fullCalendar({ 真的, defaultView:“周”, 标题:false, 日期:今天,, navLinks:false,//可以单击日/周名称来导航视图 是的, eventLimit:tr

我正在使用来自的完整日历,在自定义其时间段时遇到一些问题


我想添加早餐、午餐、晚餐等时段,用户也可以添加自己的时段。如何根据插槽数量设置固定高度?另外,我想为早餐、午餐等设置槽列文本,而不是12点、6点。以下是我到目前为止所做的:

var today=moment();
$(“#日历”).fullCalendar({
真的,
defaultView:“周”,
标题:false,
日期:今天,,
navLinks:false,//可以单击日/周名称来导航视图
是的,
eventLimit:true,//当事件太多时允许“更多”链接
SchedulerLisceKey:“GPL我的项目是开源的”,
/*活动:[
{
标题:“事件1”,
开始:今天,
imageurl:'assets/images/recipe/sala.jpg'
}
],*/
/*观点:{
agendaWeek:{
代理人人数:150,
全天时段:错,
时差间隔:{hours:6},
慢速持续时间:{hours:1},
持续时间:{天:7}
}
},*/
eventRender:函数(事件,元素){
元素。查找(“.fc事件标题”).remove();
元素。查找(“.fc事件时间”).remove();
var new_description='#';
元素。追加(新的_描述);
},
现在:今天,,
/*标题:{
左:“promptResource”,
中心:'',
对:“”
},*/
页脚:{
左:“promptResource”,
中心:'',
对:“”
},
自定义按钮:{
提示资源:{
文本:“+添加课程”,
单击:函数(){
变量标题=提示(“课程名称”);
如果(标题){
$(“#日历”).fullCalendar(
“添加资源”,
{title:title},
true//是否滚动到新资源?
);
}
}
}
},
观点:{
周:{
键入:“时间线”,
持续时间:{天:'7'},
时差间隔:{hours:24},
慢速持续时间:{小时:24},
}
},
resourceLabelText:“膳食”,
resourceRender:函数(资源,单元格){
cellets.on('click',function(){
if(确认('是否确实要删除'+resource.title+'?')){
$(“#日历”).fullCalendar('removeSource',resource);
}
});
},
资源:[
{id:'a',title:'breaken',eventColor:'red'},
{id:'b',title:'sunch',eventColor:'green'},
{id:'c',title:'Dinner',eventColor:'orange'},
{id:'d',title:'Other',eventColor:'grey'},
],
活动:[
{id:'1',resourceId:'b',开始:今天,结束:今天,标题:'event 1'},
{id:'2',resourceId:'c',开始:'2018-04-07T05:00:00',结束:'2018-04-07T22:00:00',标题:'event 2'},
{id:'3',resourceId:'d',开始:'2018-04-06',结束:'2018-04-08',标题:'event 3'},
{id:'4',resourceId:'e',开始:'2018-04-07T03:00:00',结束:'2018-04-07T08:00:00',标题:'event 4'},
{id:'5',resourceId:'f',开始:'2018-04-07T00:30:00',结束:'2018-04-07T02:30:00',标题:'event 5'}
]
});


解释了插槽标签必须是某种形式的时间字符串,因此您不能随意给它们命名,例如“早餐”,对不起。“根据插槽数量设置固定高度”听起来有点矛盾。如果设置了固定高度,则不能根据插槽的数量进行更改。你这是什么意思?解释用于控制日历大小的各种选项和内容“用户可以添加自己的插槽”用户通常不能添加自己的插槽(即,他们不能更改左侧列出的时间),但如果启用,他们可以添加自己的事件。这就是你真正的意思吗?您可以允许用户更改插槽标签的持续时间和间隔,甚至更改格式,但我不清楚这样做的目的是什么,它只是一种显示方式,并没有真正转化为与用户相关的实际数据。也许您真的希望用户添加自己的事件,或者通过businessHours设置或something@ADyson谢谢你的回复。我编辑了这个问题,以简要说明我在定制完整日历插件时面临的问题。如果这个插件不允许我们将时隙编辑为ar