老师,作业上的值班表是要在HTML页面上写出7天然后再动态添加,还是说全部动态添加

老师,作业上的值班表是要在HTML页面上写出7天然后再动态添加,还是说全部动态添加

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,只需要动态添加7天的数据就可以哦:

http://img1.sycdn.imooc.com//climg/5d37cd8d00019a8111160471.jpg

可以参考下面的思路:

http://img1.sycdn.imooc.com//climg/5d37ce0c00014e6b08830431.jpg

(1)将two盒子设置相对于one盒子进行绝对定位,设置left和top为0.

(2)把week星期定义成数组,里面每一天都是数组的一项。

(3)定义总页数为7页,当前页为0 ,定义总天数为总页数*7,获取当时时间new Date(),获取当前总毫秒数date.getTime()。

(4)进行for循环,计算每一天的毫秒数,把这个毫秒数放进date里面,获取每一天的日期,再分别获取每一天的年,日期,月,小时,日。定义一个数组,把填充盒子的代码和获取的每一项日期内容拼接起来(可以使用div标签),最后追加到two的盒子里面。

(5)对新添加的内容设置样式

(6)给左右按钮添加点击事件,改变定位的left值即可。

自己可以试着写一写,祝学习愉快!

欢迎采纳~

  • qq_慕用8301471 提问者 #1
    老师,我全都动态添加在一个页面了,然后尴尬的发现单元格不能调整宽度了!
    2019-07-24 13:02:56
  • 好帮手慕星星 回复 提问者 qq_慕用8301471 #2
    尽量不要全部动态添加,table布局难以进行宽度调整,可以按照老师的思路换成div试试。
    2019-07-24 13:37:34
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师