參考位址
在此基礎上做了修改
思路
在日曆物件中，確認當前月的天數：找到本月的第一天和下個月的第一天
html
考勤詳情
月
function calend(id1,id2,fn) else
this.formatter_arr(fn)
// 新增日期
fill_in_date()
// 設定日曆頭部
addhead();
addbody()
} this.setparentnode = function () else
} this.setdate_now = function (year, month) else
$curday = $data.getdate()
$month = $data.getmonth() + 1;
$year = $data.getfullyear()
this.setdata($month, $year, $curday)
} // 整理傳入的陣列
this.formatter_arr=function (fn)
$model_arr=arr
} // 補零
function addzero(num)
function addhead()
} // 設定日曆內容
function addbody()
if ($model_arr[i-1])
}line_arr.push(push_obj);
if (push_obj.add_time.day == 6 || i == curmonth_length)
}} // 獲取當前月最後一天
function getlastday()
// 設定當月的某一天
function set_one_day(oday)
// 獲取當前月每一天對應的資料資訊
function getday_msg(dy)
} // 填入醫生上下班資訊
function show_msg(msg, pnode) else
var text = document.createtextnode(msg[k].attendance_type_name)}}
} function creatline(arr_receive)
for (var i = 0; i < arr_receive.length; i++) `
dayspan.innerhtml = str;
if(arr_receive[i].attendance_msg)
if (arr_receive[i].add_time.date == $curday)
addclass(newdiv, 'line')
}// 檢測每一行是否有七個，主要針對最後一行
let spanlength = newdiv.children.length;
for (let j = spanlength; j < 7; j++)
// 給一行的日期新增樣式
for (var k = 0; k < newdiv.children.length; k++)
addclass(newdiv.children[k], 'day')
}} // 填寫日期
function fill_in_date()
this.click=function()
var nxt_btn = $wrap.getelementsbyclassname('nxt_month')[0];
nxt_btn.onclick = function ()
} function cpmputed(tag)
} else if (tag == 'pre')
}return
} // 給元素新增類名
function addclass(element, classname)
this.setdata = function (a, b, c)
}}let arr = ,,,
,,,,
,,,],
"add_time": "2019-12-10"},,
,,,],
"add_time": "2019-12-15"},,
,,,,
,,,,
,,,,
,]}
var ca = new calend('warp','card')
ca.init(arr,fn);
ca.click()
*
.wrap_card
.card_title
.title_pic
.handler_line
.handler_month
.b_line
.date_show
.pre_month,
.nxt_month
.pre_month i,
.nxt_month i
.pre_month i
.pre_month i:hover
.nxt_month i
.nxt_month i:hover
.cur_month
.head
.head
.head span
.c_body
.line
.day
.noleft
.today
.lump
.normal
.late
.in_early
.warning
.day p
.pre_month,
.nxt_month,
.day
考勤資料同步作業
思路 由於使用者資料庫外網不能訪.採用由使用者推送資料到oa 解決方案 由使用者資料庫傳送考勤資料到考勤介面 步驟 1.在使用者資料庫新增乙個和使用者考勤記錄表一樣的表 為了不汙染使用者原本系統資料庫.2.將原本資料表的資料匯入到新的考勤表 3.將考勤資料同步到oa 實現 1.在使用者資料庫新增乙個...
考勤打卡記錄資料庫表結構 考勤系統資料表結構
第頁共 頁考勤系統資料表結構 考勤員資訊設定 t kqemp info man id varchar2 20 n工號 post info varchar2 20 y崗位描述 power user varchar2 20 y建立人 power date date y建立時間 power user de...
關於考勤資料的思考（MySQL）
最近考勤系統老是出錯，不知道公司考勤是怎麼做的。因為自己對mysql用的也不多，這裡根據自己的想法參考了別人的部落格，加上自己的驗證。學到了一些收穫，在這裡記下來。考勤系統最關心的是簽到與簽退，這裡簽到是第一次打卡的時間，簽退是最後一次打卡的時間。這麼做記錄會不全面，不推薦，只做驗證用 這裡我們不關...