老师作业做出来了但是科室排班表怎么用js做

首页课程实战体系课手记专栏慕课教程

来源：5-12 项目作业

慕斯_Irice368

2019-07-19 19:05:35

老师按照https://class.imooc.com/lesson/802#mid=24965

中别的同学提问中老师的方法套进去做出来的日期显示乱码NaN、空白、日期1970年等

html样式

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<!top区>

<div>

<span class="hello">欢迎来到城市预约挂号统一平台  请</span>

</div>

<!header区>

<!logo区>

</div>

</div>

<!nav区>

<nav>

<a href="#">按医院挂号</a>

<a href="#">按科室挂号</a>

<a href="#">按疾病挂号</a>

<a href="#">社会知名医院</a>

</div>

</nav>

</header>

<!医院简介区>

<div>

<span>北京协和医院</span> 

三级甲等 

东城区 

中国科学院所属医院

</p>

</div>

<div>

<p><span class="address"></span>[东院]北京市东城区帅府园一号</p>

<p><span class="consult-tel"></span>东院咨间台:010-681554；西院咨间台010-63158010</p>

<p>

<span class="route"></span>东院：106，108,110,111，116,684，685到东单路

口北；41，104快，814到东单路

</p>

<p class="textindent">口南；1，52，728，602到东单路口西;20，25，37，3，到东单路口东;</p>

103，104,420,803，到新东安市场;地铁1、5号线到东单。西院:68到辞才胡同东口;

</p>

口;更多乘车陷线详见灰知

</p>

</div>

</div>

<!医院体系区>

</p>

<div>

<p>开放预约科室</p>

</div>

<table>

<tr>

<td>特殊门诊科</td>

</tr>

<tr>

<td>特殊门诊科</td>

</tr>

<tr>

<td>特殊门诊科</td>

</tr>

<tr>

<td>多发性硬化专科</td>

<td>多发性硬化专科</td>

</tr>

<tr>

<td>多发性硬化专科</td>

<td>特殊门诊科</td>

<td>门诊麻醉科</td>

</tr>

<tr>

<td>特殊门诊科</td>

<td>门诊麻醉科</td>

<td>多发性硬化专科</td>

</tr>

<tr>

<td>肿瘤内科门诊</td>

<td>特殊血液内科</td>

<td>肿瘤内科门诊</td>

</tr>

<tr>

<td>肿瘤内科门诊</td>

<td>特殊门诊科</td>

<td>门诊麻醉科</td>

<td>特殊血液内科</td>

</tr>

<tr>

<td>特殊血液内科</td>

<td>门诊麻醉科</td>

<td>肿瘤内科门诊</td>

</tr>

<tr>

<td>肿瘤内科门诊</td>

<td>特殊血液内科</td>

<td>肿瘤内科门诊</td>

</tr>

<tr>

<td>肿瘤内科门诊</td>

<td>特殊门诊科</td>

<td>门诊麻醉科</td>

<td>特殊血液内科</td>

</tr>

<tr>

<td>特殊血液内科</td>

<td>门诊麻醉科</td>

<td>肿瘤内科门诊</td>

</tr>

</table>

</div>

<p>

预约规则<span>(更新时间每日8:30更新)</span>

</p>

</div>

<p><span>停挂时间：</span>下午14:00停止次日预约挂号</p>

<p class="indent">(周五14:00停挂至下周一)</p>

<p><span>退号时间：</span>就诊前一工作日14:00前取消</p>

<p class="indent">①取号地点不同:西院区预</p>

<p class="indent">约号取号地点:西院区门诊楼一</p>

<p class="indent">层大厅挂号窗口取号。东院区预</pclass="indent>

<p class="indent">约号取号地点:东院区老门诊</p>

<p class="indent">一层大厅挂号窗口或新门诊楼各</p>

</div>

<p>北京协和医院是集医疗、教学、科宾医疗任务的医院之一，以学科齐全、技术力量雄厚、持色专科突出、多学科综合优势强大享海内外。在2010、<br /><br />2011、2012、2013、2014年复日大学医

院管理研究所公布的“中国最佳医院排行榜”中连五年名列榜首。</p>

<p>医院建成于1921年，由洛克車物基金会创办。建院之初，就志在“建成亚洲最好的医中心”90余年来，医院形成了“严谨、求精、勤查、”的

协和<br /><br />精神和兼容并蓄的特色文化风格，创立了“三基、三严”的现代医学教育理念，形成了以“教授、病例、图书馆称的协和三宝”，培养造就了

张孝骞、<br /><br />林巧稚等一代医学大师和多位中国现代医学的领年人物，井向全国输送了大批的医学管理人オ，創建了当今知名的10余家大型综合及专科医院

2011年<br /><br />在总结90年发展经验的基础上，创新性提出了“待病人如亲人，提高病人满意度;待事如家人，提高员工幸福感”新办院理念。</p>

<p>目前，医院共有2个院区、总建筑面积53万平方米，在职职工4000余名、两院院士5人、临床和医技科室53个、国家级重点学科20个、国家临床重点<br /><br />专科

29个、博土点16个、土点29个、国家级继续医学教育基地6个、二级学科住院医师培养基地18个、三级学科专科医师培养基地15个，开放住院床位<br /><br />2000余

张，单日最高门诊量约1.5万人次、年出院病人约8万余人次，被评为“全国文明单位”“全国创先争优先进基层党组织”、“全国卫生系统先进<br /><br />集

体”、“首都卫生系统文明单位”、“最受欢迎三甲医院”，荣获全国五一劳动奖章，同时，医院还承担着支援老少边穷地区、国家重要活动和突发<br /><br />事件主力

医疗队的重任，在2008年北京奥运工作中荣获“特别贡献奖”</p>

<p> 90多年来，协和人以执着的医志、高尚的医德、精湛的医术和严谨的学风书写了煌的历史，今天的协和人正为打造国际知名、国内一流”医院的目<br /><br />标而继续努力。</p><br /><br />

</div>

<h1>北京协和医院预约挂号须知</h1>

<p class="order-know-title">电话预约挂号:010-114(24小时）</p>

<p class="order-know-title">网络预约挂号:httpy/ww.bjguahaogov.cn</p>

<p>根据卫生部8月5日通知和卫生局8月20日工作部署，北京协和医院已完成电话、网络预约挂号的流程建设，现将预约挂号、取号有关事项公布如下：请认真阅读预约须知</p>

<p class="order-know-title">一、预约时间范围</p>

<p>1.您可预约7天内(试点)日间的副教授、主治医师和住院医师等号源，节假日不安排预约号(含周六、周日)。</p>

<p>2.每天8:30开始放号，下午14:00停止次日预约挂号。</p>

<p>3.周五下午14:00停挂至下周一。</p>

<p class="order-know-title">二、预约实名制</p>

<p>统一平台电话预约和网上预约挂号均取实名制注册预约，请您提供就诊人的的真实、有效证件号(身份证、军官证、护照)、性别、电话、手机号码、病案号或协和就诊卡条形</p>

<p>码上的ID号等有效基本信息。</p>

<p>1.预约成功后，请患者于就诊日携带有效证件、预约识别号码及协和医院就诊卡到医院挂号窗口验证预约信息（核对与预约登记实名信息一致的本人有效证件和预约识别码）</p>

<p>和取号，如验证不符则医院不能提供相应的诊疗服务。如果没有协和医院就诊卡者，请先办好就诊卡后再取号。</p>

<p>2、取号时间:上午就诊患者，就诊当日早9:00以前取号，下午诊患者，就诊当日下午12:00-13:30之间取号。过时来取号者，预约作废。</p>

<p>3.取号地点:西院区的号取号地点:西院区门诊一大厅挂号窗口取号。东院区的号取号地点:东民区老门诊一层大厅挂号窗口或新门诊楼各楼层挂号/收费窗口取号。</p>

<p>如遇特殊情医生停诊，始造成的不便请请解。医生临时停诊，工作人员将会用电话方式及时通知您，请配合更改就诊日期或更换其他医生，请您保持电话通畅。</p>

<p>挂出的约号如办理退号，至少在就诊前一工作日14:00前过网站或者114电话凭预约识别码只进行取消。</p>

<p>1.如预约成功后患者未能按时就诊且不办理取消预约号视为爽约。</p>

<p>2、一年内(自然年)无故爽约累计达到3次的预约用户将自动进入系统爽约名单，此后3个月内将取消预约资格:一年内(自然年)无故爽约6次，取消6个月的预约挂号资格。</p>

<p class="order-know-title">七、其它注意事顶:</p>

<p>1、协和东院、西院都可以预约。</p>

<p>2、国际疗部门诊、卫干门诊不外预约</p>

</div>

<tr>

</tr>

<tr>

<td>呼吸内科门诊</td>

</tr>

<tr>

</tr>

<tr>

<td>变态反应科门诊</td>

</tr>

<tr>

</tr>

<tr>

<td>特需眼科门诊</td>

</tr>

<tr>

<td>特需中医门诊2</td>

</tr>

<tr>

</tr>

<tr>

<td>特需血管外科门诊（西院）</td>

</tr>

<tr>

<td>泌尿外科膀胱癌专科门诊</td>

</tr>

<tr>

<td>特需血液内科门诊</td>

</tr>

<tr>

<td>特需耳鼻喉科门诊</td>

</tr>

<tr>

<td>特需中医门诊1</td>

</tr>

<tr>

<td>特需神经科门诊2</td>

</tr>

<tr>

<td>特需耳鼻喉科门诊</td>

</tr>

<tr>

<td>呼吸内科门诊</td>

</tr>

<tr>

<td>普通内科门诊</td>

</tr>

<tr>

<td>普通内科门诊</td>

</tr>

<tr>

<td>特需骨科门诊</td>

</tr>

<tr>

<td>整形美容外科门诊（西院）</td>

</tr>

<tr>

<td>变态反应科门诊</td>

</tr>

</table>

</div>

<span>预约识别码：</span>

</div>

<p>科室排班表<a href="#">返回科室列表</a></p>

</div>

<tr>

</tr>

</table>

</div>

</div>

<p>

预约规则<span>(更新时间每日8:30更新)</span>

</p>

</div>

<p><span>停挂时间：</span>下午14:00停止次日预约挂号</p>

<p class="indent-two">(周五14:00停挂至下周一)</p>

<p><span>退号时间：</span>就诊前一工作日14:00前取消</p>

<p class="indent-two">①取号地点不同:西院区预约号</p>

<p class="indent-two">取号地点:西院区门诊楼一层大</p>

<p class="indent-two">厅挂号窗口取号。东院区预约号</p>

<p class="indent-two">取号地点:东院区老门诊一层大厅</p>

<p class="indent-two">挂号窗口或新门诊楼各层窗口号。</p>

</div>

<p>您还没有选择就诊日期</p></div>

</div>

</section>

</footer>

</body>

</html>

css样式

* {

padding: 0;

margin: 0;

text-decoration: none;

}

/*top*/

.top {width: 100%;height: 30px;background: rgb(245,245,245);font: 11px "宋体";color: rgb(134,134,134);}

.top div {width: 1000px;height: 30px;margin: 0 auto;line-height: 30px;}

.top .hello {margin: 0 35px 0 420px; }

.top img { vertical-align: -5px;}

.top a {text-decoration: none;color: rgb(31,164,240);}

.top a:hover {cursor: pointer;}

.top a:nth-of-type(2) {margin-left: 15px;}

.top a:nth-of-type(3) {margin-left: 80px;}

/*header*/

header {width: 100%;height: 125px;}

.logowrap {width: 1000px;height: 90px;margin: 0 auto;position: relative;}

.logowrap .logo {width: 400px;height: 90px;}

.logowrap .logo:hover {cursor: pointer;}

.logowrap .search {width: 330px; height: 38px;position: absolute;top: 50%;left: 670px;margin-top: -19px;background: url("../img/ui-search.jpg") no-repeat;font: 14px "宋体";color: #fff;}

.ui-search-selected {position: absolute;top: 0;left: 0;text-indent: 14px;width: 70px;height: 38px;line-height: 38px;}

.ui-search-select-list {display: none;position: absolute;top: 36px;left: 2px;width: 67px;line-height: 24px;background: white;box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}

.ui-search-select-list a {display: block;color: #A5a2a2;text-align: center;}

.ui-search-select-list a:hover {background: #ebeef5; }

.ui-search-input { position: absolute;top: 5px;left: 73px;width: 208px;height: 26px;line-height: 26px;font-size: 13px;color: #A5a2a2;outline: none;border: none;}

.ui-search-submit {position: absolute;top: 1px;right: 0px;width: 40px;height: 36px;text-decoration: none;}

.ui-search-submit:hover {cursor: pointer;}

nav {width: 100%;height: 35px;background: #60bff2;font: 16px "宋体";}

nav:hover {color: #d7f3ff;cursor: pointer;}

nav .awrap {width: 1000px;height: 35px;margin: 0 auto;}

nav .awrap a {display: inline-block;width: 100px;height: 35px;line-height: 35px; color: white;text-align: center;}

nav .awrap a:hover {color: #d7f3ff;cursor: pointer;}

nav .awrap a:last-of-type {margin-left: 359px;}

/*hospital-introduction区域*/

section{width:1000px;height:auto;margin:0 auto;overflow:hidden;}

.hospital-introduction {position: relative;width: 1000px;height: 260px;margin: 30px auto 50px auto;font: 13px "宋体";background: #F7F7F7;color: #888888;overflow: hidden;}

.hospital-introduction-top {

width: 950px;

height: 50px;

margin: 0 25px;

line-height: 50px;

border-bottom: 2px solid #dcdddd;

color: black;

font-size: 11px;

}

.hospital-introduction-top span:first-of-type {

font-size: 16px;

}

.hospital-introduction-top a {

color: orange;

}

.hospital-introduction-top span:nth-of-type(2) {

margin-left: 480px;

color: blue;

}

.hospital-introduction-top span:nth-of-type(3) {

color: blue;

}

.hospital-introduction-top span:last-of-type {

color: blue;

}

.hospital-introduction .introduction-massege {

position: absolute;

top: 70px;

left: 0;

width: 950px;

height: 180px;

margin: 0 25px;

}

.hospital-img {

float: left;

width: 200px;

height: 152px;

}

.hospital-map {

float: right;

width: 254px;

height: 166px;

}

.introduction-massege div {

float: left;

width: 475px;

height: 170px;

font-size: 11px;

}

.introduction-massege p {

height: 25px;

line-height: 25px;

}

.introduction-massege div span {

float: left;

width: 18px;

height: 18px;

vertical-align: -5px;

margin: 0 10px 0 30px;

}

.hospital-introduction .address {

background: url('../img/icon-web.png') no-repeat 0px 0px;

}

.hospital-introduction .internet {

background: url('../img/icon-web.png') no-repeat 0px -22px;

}

.hospital-introduction .consult-tel {

background: url('../img/icon-web.png') no-repeat 0px -44px;

}

.hospital-introduction .route {

background: url('../img/icon-web.png') no-repeat 0px -64px;

}

.introduction-massege .textindent {

margin-left: 58px;

}

/*医院体系区域*/

.hospital-system {

width: 1000px;

margin: 0 auto;

}

.hospital-system-nav {

width: 100%;

height: 30px;

border-bottom: 2px solid #60bff2;

/*display:none;*/

}

.hospital-system-nav a {

display: table-cell;

width: 110px;

height: 30px;

font: 16px "宋体";

color: #60bff2;

text-align: center;

vertical-align: middle;

}

.hospital-system-nav a:hover {

cursor: pointer;

}

.hospital-system-nav a:first-of-type {

background: #60bff2;

color: white;

}

.hospital-system-content {

width: 100%;

margin-top: 30px;

margin-bottom: 50px;

/*display:none;*/

}

/*预约挂号区域*/

.hospital-system-content-order {

width: 100%;

/*display: none;*/

}/*预约挂号左区域*/

.hospital-system-content-order-left {

float: left;

width: 680px;

height:550px;

}

.hospital-system-content-order-right {

float: right;

width: 290px;

}

.hospital-system-content-order-left div {

height: 45px;

line-height: 45px;

font: 18px "宋体";

background: #f4f6fa;

text-align: left;

}

.hospital-system-content-order-left div p {

height: 45px;

line-height: 45px;

margin-left: 20px;

}

.hospital-system-content-order-left table td {

width: 120px;

height: 30px;

text-align: left;

vertical-align: middle;

font: 900 15px "宋体";

padding-left: 12px;

}

.hospital-system-content-order-left table tr {

border-bottom: 2px solid #f4f6fa;

}

.hospital-system-content-order-left .order-left-title {

vertical-align: top;

text-align: center;

color: #888888;

background: #f2fbff;

padding-top: 12px;

}

/*预约挂号右区域*/

.order-right-title {

width:270px;

height: 45px;

line-height: 45px;

font: 16px "宋体";

background: #f4f6fa;

}

.order-right-title p {

display: table-cell;

width:270px;

height: 45px;

vertical-align: middle;

padding-left: 10px;

}

.order-right-title p span {

font-size: 13px;

color: #60bff2;

}

.order-right-content {

width:270px;

height: 245px;

overflow-y: scroll;

font: 13px "宋体";

color: #888888;

margin-left: 10px;

}

.order-right-content p {

line-height: 30px;

}

.order-right-content p span {

color: black;

}

.order-right-content .indent {

margin-left: 68px;

}

/*医院介绍区域*/

.hospital-system-content-introduce {

width: 1000px;

margin-top: 60px;

display: none;

}

.hospital-system-content-introduce p {

line-height: 30px;

font: 15px "宋体";

color: black;

text-indent: 28px;

margin-bottom: 30px;

}

/*预约挂号须知*/

.hospital-system-content-order-know {

width: 1000px;

margin-top: 30px;

font: 13px "宋体";

display: none;

}

.hospital-system-content-order-know h1 {

text-align: center;

margin: 45px 0;

}

.hospital-system-content-order-know p {

line-height: 30px;

}

.hospital-system-content-order-know .order-know-title {

font-weight: bold;

margin-top: 20px;

}

/*停诊信息*/

.hospital-system-content-stop-messege {

width: 100%;

display: none;

}

.hospital-system-content-stop-messege table caption {

font: 1200 18px "宋体";

margin: 20px 0;

}

.hospital-system-content-stop-messege table td {

height: 30px;

border: 1px solid #D1CCCC;

text-align: center;

font: 15px "宋体";

padding: 0 14px;

}

/*查询与取消*/

.hospital-system-content-query-cancle {

position:relative;

width: 100%;

height: 300px;

margin-top:100px;

border-top: 1px solid #D1CCCC;

border-bottom: 1px solid #D1CCCC;

display:none;

}

.query-cancle-wrap {

position:absolute;

top:130px;

left:270px;

width: 460px;

height: 40px;

margin: 0 auto;

font: 16px "微软雅黑"；

}

.query-cancle-wrap input:first-of-type {

width: 230px;

height: 35px;

border: 1px solid #D1CCCC;

}

.query-cancle-wrap input:last-of-type {

width: 120px;

height: 37px;

background: #60bff2;

border: none;

color:white;

}

/*科室排班区域*/

.hospital-department-scheduling-wrap{

width:1000px;

margin-top:30px;

height:auto;

display:none;

}

.hospital-department-scheduling{

width:100%;

margin-top:20px;

}

.hospital-department-scheduling>p{

width:985px;

height:30px;

line-height:30px;

font:16px "宋体";

margin-left:15px;

}

.hospital-department-scheduling>p a{

font-size:13px;

color:#60bff2;

margin-left:15px;

}

.hospital-department-scheduling-left{

width:730px;

height:325px;

float:left;

font:16px "宋体";

}

.scheduling-left-date{

width:33px;

height:323px;

border: 1px solid #D1CCCC;

float:left;

}

.scheduling-icon-left a {

display:block;

width: 33px;

height: 47px;

background: url('../img/icon-scheduling-left.jpg') no-repeat ;

}

.scheduling-icon-right a {

display: block;

width: 33px;

height: 47px;

background: url('../img/icon-scheduling-right.jpg') no-repeat;

}

.scheduling-left-datetime{

width:33px;

height:92px;

line-height:92px;

background:#f1f9ff;

vertical-align:middle;

text-align:center;

}

.scheduling-left-box{

width:658px;

height:323px;

border: 1px solid #D1CCCC;

float:left;

overflow:hidden;

position:relative;

}

.scheduling-left-box-wrap{

position:absolute;

top:0;

left:0;

width:99999px;

transition:all 2s;

}

.scheduling-left-box-wrap table td{

width:93px;

font:15px "宋体";

text-align:center;

vertical-align:middle;

border: 0.5px solid #D1CCCC;

}

.scheduling-left-box-wrap table tr:first-of-type{

height:47px;

}

.scheduling-left-box-wrap table tr:nth-of-type(2){

height:92px;

}

.scheduling-left-box-wrap table tr:nth-of-type(3){

height:92px;

color:#60bff2;

background:#e0effd;

}

.scheduling-left-box-wrap table tr:last-of-type{

height:91.67px;

}

.scheduling-left-tool{

width:33px;

height:323px;

border: 1px solid #D1CCCC;

float:left;

}

.hospital-department-scheduling-right{

width:269px;

height:323px;

float:right;

border-top: 1px solid #D1CCCC;

border-right: 1px solid #D1CCCC;

border-bottom: 1px solid #D1CCCC;

}

.scheduling-right-title {

width: 250px;

height: 45px;

line-height: 45px;

font: 16px "宋体";

}

.scheduling-right-title p {

display: table-cell;

height: 45px;

vertical-align: middle;

padding-left: 10px;

}

.scheduling-right-title p span {

font-size: 12px;

color: #60bff2;

}

.scheduling-right-content {

width: 260px;

height: 278px;

overflow-y: scroll;

font: 12px "宋体";

color: #888888;

padding-left: 10px;

}

.scheduling-right-content p {

line-height: 30px;

}

.scheduling-right-content p a {

color: black;

}

.scheduling-right-content .indent-two {

margin-left: 68px;

}

.hospital-department-scheduling-bottom{

width:998px;

height:65px;

font:15px "solid";

color:#D1CCCC;

text-align:center;

border-left: 1px solid #D1CCCC;

border-right: 1px solid #D1CCCC;

border-bottom: 1px solid #D1CCCC;

clear:both;

}

.hospital-department-scheduling-bottom p{

width:100%;

height:65px;

line-height:65px;

/*margin-top:22.5px;*/

}

/*footer*/

footer {

width: 100%;

height: 70px;

margin-top: 30px;

background: rgb(236,238,242);

text-align: center;

font: 16px "宋体";

color: rgb(172,172,172);

}

footer p {

width: 500px;

height: 70px;

line-height: 70px;

margin: 0 auto;

}

jqurey样式

//搜索框效果

$.fn.UiSearch = function () {

var ui = $(this);

$(".ui-search-selected", ui).on("click", function () {

$(".ui-search-select-list").show();

return false;

});

$(".ui-search-select-list a", ui).on("click", function () {

$(".ui-search-selected").text($(this).text());

$(".ui-search-select-list").hide();

return false;

});

$("body").on("click", function () {

$(".ui-search-select-list").hide();

});

};

//医院体系区导航切换效果

$.fn.NavChange = function () {

var ui = $(this);

$(".hospital-system-nav a", ui).on("click", function () {

$(this).css({ "background": "#60bff2", "color": "white" }).siblings().css({ "background": "white", "color": "#60bff2" });

$(".hospital-system-content>div").eq($(this).index()).css({ "display": "block" }).siblings().css({ "display": "none" });

})

};

//切换到科室排班

$.fn.ToSchedul = function () {

$(".hospital-system-content-order-left table").on("click", function () {

$(".hospital-system").css({ "display": "none" });

$(".hospital-department-scheduling-wrap").css({ "display": "block" });

});

}

//科室排班切换

$.fn.SchedulingChange = function () {

var current = 0;

$(".scheduling-icon-left a").on("click", function () {

if (current <= 0) {

current = 5;

}

current = current - 1;

$(".scheduling-left-box-wrap").css({ "left": 658 * current * -1 });

return false;

});

$(".scheduling-icon-right a").on("click", function () {

if (current >= 4) {

current = -1;

}

current = current + 1;

$(".scheduling-left-box-wrap").css({ "left": 658 * current * -1 });

return false;

})

}

//返回预约挂号

$.fn.ReturnOrder = function () {

$(".hospital-department-scheduling>p a").on("click", function () {

$(".hospital-system").css({ "display": "block" });

$(".hospital-department-scheduling-wrap").css({ "display": "none" });

})

}

$(function () {

$(".ui-search").UiSearch();

$(".hospital-system").NavChange();

$(".hospital - system - content - order").ToSchedul();

$(".hospital-department-scheduling-wrap").SchedulingChange();

$(".hospital-department-scheduling-wrap").ReturnOrder();

})

写回答

1回答

好帮手慕言

2019-07-20

同学你好，老师给你一个思路：

可以通过循环设置，之后每多一天就加1即可。整体可以参考如下：例：

（1）先定义一个数组，将7天对应的星期几的都先写好。

（2）作业要求是输入今天即当前日后之后的7个星期的排班。所以我们一共要计算7*7=49天

（3）通过new date获取当前日期

（4）当前日期+1天（可通过毫秒数计算），但我们需要的结果是年月日，所以将+1后的值通过new Date转化、然后在通过getDay()、getFullYear()、getMonth()获取符合我们常识的年月日。

（5）从定义的数组中，取出对应的星期数

（6）向页面中插入数据，插入数据的同时，还可以将包含数据的节点一起生成、插入dom中。

（7）以上为一天（即一个上午、下午、晚上、头部日期）的结构。循环49次即可

（8）由于展示值班表的大盒子设置了超出部分隐藏、所以只会显示7天的情况。鼠标单击向后或者向前、动态改变left值就可以了。

同学可以尝试做一做，如果做不出来可以提交作业，会有批复作业的老师详细批复指导的。

希望能帮助到你，祝学习愉快！

0 学习 · 14456 问题

查看课程

相似问题

科室排班应该怎么做呢

回答 2

老师帮我看看我的科室排班表的页面布局，感觉写的有问题但是找不出哪里的问题

回答 2

科室排班表跳转

回答 4

科室排班表

回答 3

科室排班表是怎么打开的这个图片上没有显示点击那个按钮打开科室排班表的，是点击科室挂号打开的吗

回答 1

打开慕课网App查看更多内容