科室排班表

同学你好，这里给同学提供个思路，同学可以参考一下：

（1）先准备一个容器schedule_box，这个外层盒子只能显示一周的日期，可以给schedule_box一个固定宽度，来显示一周的日期，再准备一个schedule_box_wrap的盒子来存放动态生成的七周日期，因为七周日期很多，所以schedule_box_wrap占据的宽度会很宽，所以同学可以给容器schedule_box设置溢出隐藏，界面上就只显示一周的日期。思路跟实现轮播图是差不多的，页面上只显示一张图片，其他的被隐藏。

（2）再实现一个动态生成日期的函数，下部分的代码中，一个for循环内部是一天的排班，也就是一列的内容，将生成的日期通过html.push()方法放到容器schedule_box_wrap中，一共循环了七周49天。参考：

（3）处理按钮，当点击的时候能进行左右切换：

老师只是给同学提供一个思路，同学可以再将样式部分完善一下。

如果我的回答帮助了你，欢迎采纳，祝学习愉快~