正在回答
同学你好,针对你的问题如下解答:
(1)“内页的切换”是指 点击预约挂号部分内容中的每一项科室单击时都可跳转到scheduling页面吗?可以使用 a标签的跳转功能。
(2)科室排班表的思路:1、先设置布局:
(1)最外层的盒子,宽度要设置的就是表格这个区域的宽度。可以存放一星期的内容。超出的隐藏。
(2)schedule这部分,就是嵌套的第二个盒子,需要设置一个很大的宽度,因为要存放7个星期的显示哦。
(3)里面的是一天的情况,一个schedule_box_item表示一天。可以先在htm中写出一个结构,设置下样式,最后注释掉,使用在js中插入就可以了。
2、js导入数据:表格中的数据就是动态获取的。我们这里是通过js仿数据库,生成少量的数据显示。至于如果显示,可参考该思路:
(1) 先定义一个数组,将7天对应的星期几的都先写好。
(2) 作业要求是输入今天即当前日后之后的7个星期的排班。所以我们一共要计算7*7=49天
(3) 通过new date获取当前日期
(4) 当前日期+1天(可通过毫秒数计算),但我们需要的结果是年月日,所以将+1后的值通过new Date转化、然后在通过getDay()、getFullYear()、getMonth()获取符合我们常识的年月日。
(5) 从定义的数组中,取出对应的星期数
(6) 向页面中插入数据,插入数据的同时,还可以将包含数据的节点一起生成、插入dom中。可以不使用表格展示,div元素也可以的
(7) 以上为一天(即一个上午、下午、晚上、头部日期)的结构。循环49次即可
(8) 由于展示值班表的大盒子设置了超出部分隐藏、所以只会显示7天的情况。鼠标单击向后或者向前、动态改变left值或right值了。
(9)插入的hmtl结构,可以参考如下(其实就是与我们开始设置的html结构是对应);例:
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星