Jquery 完整日历使用周视图,逐月导航,而不是逐周导航

Jquery 完整日历使用周视图,逐月导航,而不是逐周导航,jquery,angularjs,fullcalendar,Jquery,Angularjs,Fullcalendar,我正在使用fullcalendar为一所学校实施一个时间表,该学校在整个月的特定日期上课,例如,一个班级可以在TTH或MWF,TWTH等 我正在尝试实现一个周视图,但我希望逐月导航,这样我就不必在整个月的每个特定日期都显示相同的类(月视图)。受此启发,我尝试实现以下目标: $('#calendar').fullCalendar({ defaultView: 'customWeek', views: { customWeek: { type: 'week',

我正在使用fullcalendar为一所学校实施一个时间表,该学校在整个月的特定日期上课,例如,一个班级可以在TTHMWFTWTH

我正在尝试实现一个周视图,但我希望逐月导航,这样我就不必在整个月的每个特定日期都显示相同的类(月视图)。受此启发,我尝试实现以下目标:

$('#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如果我能展示第一个完整的星期,那将是非常好的。谢谢你的时间:)我的朋友,我真的很感谢你花时间来帮助我,你做了我想做的事,我向你致敬,非常感谢你也没有主意……但是你回来了;)我认为你的问题很好。