<!DOCTYPE html>
<html lang="en">
<head>
<title>编辑医生排班</title>
<meta charset="UTF-8">
<!--引入layui组件-->
<link rel="stylesheet" href="../layui-v2.5.5/css/layui.css" media="all">
<script src="../layui-v2.5.5/layui.all.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
<style>
body{
width:800px;
margin: 20px auto;
}
/**** overwrite layui style start ****/
.layui-form-label{
width: 200px;
}
.layui-input{
width: 80%;
}
/**** overwrite layui style end ****/
.date-box {
padding: 10px;
}
.date-box h2 {
margin-top: 20px;
padding-bottom: 20px;
}
table {
width: 100%;
border-collapse: collapse;
}
table tr {
display: -webkit-flex;
display: flex;
}
table tr th,
table tr td {
flex: 1;
padding: 8px 0;
text-align: center;
border: 1px solid #e1e8f6;
}
table tr th {
background-color: #dddddd;
}
table tr td.active {
background-color: #48969c;
color: #ffffff;
}
</style>
</head>
<body >
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">人员姓名</label>
<div class="layui-input-block">
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入人员姓名" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">月份</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="test1">
</div>
</div>
<div class="date-box">
<table id="schedue"></table>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="button" class="layui-btn layui-btn-primary" lay-submit=""
onclick="javascript:window.location.href='pbMg.html'">提交</button>
<!--<button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>-->
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
<script>
$(document).ready(function() {
layuiInit()
//调用实例
schedueByMonth(currentMonth(),[])
})
//引入layui
function layuiInit() {
layui.use(['form','laydate'], function () {
var form = layui.form
,laydate = layui.laydate;
//成立时间
laydate.render({
elem: '#test1',
trigger: 'click',
type: 'month',
value: new Date(),
// min:formatDate(new Date()),
done: function(value, date, endDate){
schedueByMonth(date.month,zzrqDateArray)
}
});
//监听提交
form.on('submit(demo1)', function(data){
layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
})
return false;
window.location.href='pbMg.html'
});
});
}
/**
*获取当前所处月份
*/
function currentMonth() {
var myDate = new Date()
var myMonth = myDate.getMonth()+1; //获取当前月份(0-11,0代表1月)
return myMonth;
}
var dateArray=[]
var zzrqDateArray=[]
/*
* 获取当天及之后的排班时间
* @param month:指定的月份
* @param dayCount:相对于今天的天数，形如：0,1,2.......
*/
function getDateData(month, dayCount) {
let yy, mm, dd;
let d = new Date();
let initDay = d.getFullYear() + '-' + month + '-01';
d = new Date(initDay);
d.setDate(d.getDate() + dayCount);
yy = d.getFullYear();
mm = (d.getMonth() + 1) > 9 ? d.getMonth() + 1 : '0' + (d.getMonth() + 1);
dd = d.getDate() > 9 ? d.getDate() : '0' + d.getDate();
return yy + "-" + mm + "-" + dd;
}
/*
* 获取日期对应的星期名称
* @param date:待转换日期,形如：'2018-04-11' 或 '2018-4-11'
*/
function schedueByMonth(month,zzrqArray) {
let dates = [],
weekData = [],
weekDataFinal = [],
d, m, w, weekNum, lastWeek, lastWeekDiff = [];
let formatMonth = month > 9 ? month : '0' + month;
for (let i = 0; i <= 31; i++) {
d = getDateData(formatMonth, i);
m = new Date(d).getMonth() + 1;
if (m === month) {
dates.push(d)
}
}
w = new Date(dates[0]).getDay();
if (w > 0) {
for (let j = 0; j < w - 1; j++) {
dates.unshift('')
}
} else if (w === 0) {
for (let j = 0; j < 6; j++) {
dates.unshift('')
}
}
//dates分组:每组7天
for (let i = 0; i < dates.length; i = i + 7) {
weekDataFinal.push(dates.slice(i, i + 7));
}
//最后一行不够7个，则补齐
lastWeek = weekDataFinal[weekDataFinal.length - 1];
if (lastWeek.length < 7) {
for (let k = 0; k < (7 - lastWeek.length); k++) {
lastWeekDiff.push('')
}
lastWeek = lastWeek.concat(lastWeekDiff)
weekDataFinal[weekDataFinal.length - 1] = lastWeek;
}
pendingWeekData(dates, weekDataFinal,zzrqArray)
}
function pendingWeekData(dates, weekDataFinal,zzrqArray) {
let weekTitles = '<tr><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th><th>星期六</th><th>星期日</th></tr>';
let scheduDom = '',
weeksDom = '',
weekDom = '';
weekDataFinal.forEach(function(item) {
item.forEach(function(subItem) {
if(subItem==formatDate(new Date())){
weekDom += '<td attr-date="' + subItem + '">今天</td>';
}else {
weekDom += '<td attr-date="' + subItem + '">' + delWithDay(subItem) + '</td>';
}
})
weeksDom += '<tr>' + weekDom + '</tr>';
weekDom = '';
})
scheduDom = weekTitles + weeksDom;
$('#schedue').html(scheduDom);
delWithSchedue(dates,zzrqArray)
selectZzrqDate(zzrqArray)
}
/*
* 选择坐诊日期
* @zzrqArray 坐诊日期的数组
*/
function selectZzrqDate(zzrqArray) {
var weekDateEle = document.querySelector('#schedue');
var currentYearAndMonth = formatDate(new Date())
var currentArray = currentYearAndMonth.split('-')
console.log(currentYearAndMonth)
if(zzrqArray.length>0){
for(var i=0;i<zzrqArray.length;i++) {
var zzrq = zzrqArray[i].zzrq
var zzrqDateArray = zzrq.split("-")
if (zzrqDateArray[0] > currentArray[0] || (zzrqDateArray[0] === currentArray[0] && zzrqDateArray[1] >= currentArray[1])
|| (zzrqDateArray[0] === currentArray[0] && zzrqDateArray[1] === currentArray[1] && zzrqDateArray[2] >= currentArray[2])) {
var index = dateArray.indexOf(zzrq)
if(index > -1){
医生排班效果.rar （40个子文件） 
医生排班效果 layui-v2.5.5 css 
layui.css 71KB modules code.css 1KB layer default 
loading-1.gif 701B layer.css 14KB
icon-ext.png 6KB loading-0.gif 6KB loading-2.gif 2KB icon.png 11KB laydate default laydate.css 7KB layui.mobile.css 10KB font iconfont.eot 41KB iconfont.woff 27KB iconfont.ttf 41KB
iconfont.svg 277KB iconfont.woff2 23KB layui.all.js 271KB lay modules laypage.js 4KB slider.js 7KB code.js 1KB util.js 4KB upload.js 7KB carousel.js 4KB transfer.js 6KB rate.js 3KB tree.js 11KB laydate.js 27KB layedit.js 12KB table.js 31KB element.js 7KB flow.js 2KB jquery.js 95KB laytpl.js 2KB mobile.js 31KB colorpicker.js 11KB layer.js 22KB form.js 9KB layui.js 7KB html 
pbMg.html 10KB editPb.html 11KB js jquery-3.4.1.js 400KB
一直在路上前行
- 粉丝: 5
最新资源
- python 练习题，python题目
- 【嵌入式系统】基于STM32单片机的按键控制LED闪烁程序：初学者快速上手指南
- 首个实现全参数训练的知识产权大模型 -MoZi（墨子）
- ADO.NET专业项目实战指南
- 一项基于大模型的App隐私开关探测技术
- 支持多情感男女声，实时离线文本合成 TTS，可单模变声、调速率音量及自定义语音模型
- 首个全参数训练的知识产权大模型 MoZi (墨子)
- 基于 Next.js 的大模型小说创作工具 AI-Novel
- mmexport1755910142185.mp4
- 基于 Next.js 的大模型小说创作工具 AI-Novel
- 【移动应用开发】多框架教程汇总：智慧林业IoT、Rhodes、Kivy、Android、Ionic4开发资源与入门指导
- 冰心3.9多开（推荐）.apk
- 唯雨超自然-1.6.apk
- 大数据信息的处理模式与模型构建
- 基于 TinyVue 的前后端分离后台管理系统，支持在线配置菜单、路由、国际化及页签模式、多级菜单，模板丰富、构建工具多样，功能强大且开箱即用！
- CST联合Matlab仿真程序
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0