Jquery 完整日历使用周视图,逐月导航,而不是逐周导航
我正在使用fullcalendar为一所学校实施一个时间表,该学校在整个月的特定日期上课,例如,一个班级可以在TTH或MWF,TWTH等 我正在尝试实现一个周视图,但我希望逐月导航,这样我就不必在整个月的每个特定日期都显示相同的类(月视图)。受此启发,我尝试实现以下目标:Jquery 完整日历使用周视图,逐月导航,而不是逐周导航,jquery,angularjs,fullcalendar,Jquery,Angularjs,Fullcalendar,我正在使用fullcalendar为一所学校实施一个时间表,该学校在整个月的特定日期上课,例如,一个班级可以在TTH或MWF,TWTH等 我正在尝试实现一个周视图,但我希望逐月导航,这样我就不必在整个月的每个特定日期都显示相同的类(月视图)。受此启发,我尝试实现以下目标: $('#calendar').fullCalendar({ defaultView: 'customWeek', views: { customWeek: { type: 'week',
$('#calendar').fullCalendar({
defaultView: 'customWeek',
views: {
customWeek: {
type: 'week',
duration: {months: 1}
}
}
});
但是这个实现并没有强制视图在月初开始,所以如果我浏览日历,下一个视图将在月的第二天或第三天开始,有时在上个月的最后一天开始
我还尝试在月视图上使用CSS,使其看起来像周视图:
.fc-day-top .fc-day-number{
display: none;
}
.fc td {
border-bottom: 0 !important;
border-top: 0 !important;
}
.fc-head {
border-top: 1px solid black !important;
border-bottom: 1px solid black !important;
}
.fc-body{
border-bottom: 1px solid black !important;
}
但我在日历开始时失去了时间段,事件被卡在最上面,看起来很糟糕
因此,我正在寻找完成这项任务的最佳方法。那一个很有趣!因此,技巧在于隐藏我们不希望在月视图中看到的
.fc week
行。这样,我们就不必干扰正常的导航
要做到这一点,我们必须针对希望看到的行。我在这里做了两个选择:
//切换要显示的内容
//仅使用这两个选项中的一个来设置为true。
var FIND_first_full_week=真;
var FIND\u first\u day\u of\u month=false;
$(“#日历”).fullCalendar({
viewRender:function(){
var展示周;
var周=$(“.fc周”);
//找到一个月的第一天
如果(找到月的第一天){
对于(i=0;i您的问题到底是什么?您需要像now()这样的默认日期?我希望在周视图中显示特定月份的课程,并允许用户逐月导航(而不是逐周导航)您的意思是“周视图”用户与“月视图”用户不同?我的意思是当用户登录到您的系统时。或者它只是一个用户角色。一个用户角色?我想在“周视图”中显示特定月份的课程,并允许用户逐月导航(而不是逐周导航)
@Louyspatricebesette如果我能展示第一个完整的星期,那将是非常好的。谢谢你的时间:)我的朋友,我真的很感谢你花时间来帮助我,你做了我想做的事,我向你致敬,非常感谢你也没有主意……但是你回来了;)我认为你的问题很好。