之前做的医院的排班项目,需求:日期切换,点击或拖动鼠标选中要排班的区域
css:
在这里插入代码片
.SchedulingBot_left table{
width:100%;line-height: 25px;font-size: 14px;border-collapse: collapse;border-bottom: 1px solid #ddd;display: table;border-spacing: 2px;}
.SchedulingBot_left table th:first-child{
width:84px;}
.SchedulingBot_left table{
text-align: center}
.SchedulingBot_left table th,.SchedulingBot_left table td{
border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea}
.SchedulingBot_left table th:first-child,.SchedulingBot_left table td:first-child{
border-left: 0;background:#f4f4f4 }
.SchedulingBot_left table th>div{
line-height: 55px;height:55px;background: #f4f4f4;font-weight: bold}
.SchedulingBot_left table td>div{
line-height: 48px;height:50px;border:1px solid transparent;-moz-user-select: none; -khtml-user-select: none; user-select: none;-moz-user-select:none;}
.SchedulingBot_left table td.tdChecked>div{
background: #f0f6ff }
.SchedulingBot_left table td.borderTop>div{
border-top-color: #4b96ff