排班(日期切换,鼠标拖动选择排班区)

这是一个关于医院排班项目的实现,主要功能包括日期切换和通过鼠标点击、拖动来选择排班区域。使用了CSS进行样式设计,HTML构建界面,并借助JavaScript和jQuery库来实现交互功能,如时间切换和排班区域的选取操作。
摘要由CSDN通过智能技术生成

之前做的医院的排班项目,需求:日期切换,点击或拖动鼠标选中要排班的区域
排班效果图

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
  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值