js解析EXCEL考勤打卡记录

公司的打卡记录是直接发我们的。要自己一条条核对,相当困惑
于是自己写了个导入EXCEL道勤记录的,友好查看打卡记录。
导入后,输入姓名,点击查询
js解析EXCEL考勤打卡记录_第1张图片


<html>

<head>
    <meta charset='utf-8'>
    
    <title>demotitle>
head>
<style type="">
    /* 整体设置 */ *{
    margin:0px;padding:0px;} /** * 设置日历的大小 */ .calendar{
     width: 600px; height: 500px; display: block; margin-top: 50px;} /** * 设置日历顶部盒子 */ .calendar .calendar-title-box{
     position: relative; width: 100%; height: 36px; line-height: 36px; text-align:center;
    border-bottom: 1px solid #ddd; } /** * 设置上个月的按钮图标 */ .calendar .prev-month {
     position: absolute; top: 12px; left: 0px; display: inline-block; width: 0px; height: 0px; border-left: 0px; border-top: 6px solid transparent; border-right: 8px solid #999;
    border-bottom: 6px solid transparent; cursor: pointer; } /** * 设置下个月的按钮图标 */ .calendar .next-month {
     position: absolute; top: 12px; right: 0px; display: inline-block; width: 0px; height: 0px; border-right: 0px; border-top: 6px solid transparent; border-left:
    8px solid #999; border-bottom: 6px solid transparent; cursor: pointer; } /* 设置日历表格样式 */ .calendar-table{
     width: 100%; border-collapse: collapse; text-align:center; } /* 表格行高 */ .calendar-table tr{
     height: 65px; line-height: 30px; } /* 当前天 颜色特殊显示 */
    .currentDay {
     color: rgb(101, 22, 228); } /* 本月 文字颜色 */ .currentMonth {
     color: rgb(8, 8, 8); width: 80px;height: 35px; } /* 其他月颜色 */ .otherMonth{
     color: #ede; } .tabData{
     width: 600px;margin-top: 20px;border-top: grey 2px solid; } .tabData{
     width:
    600px; } .tabData tr th,.tabData tr td{
     text-align: center;}
style>

<body>
    <div style="display: flex;">
        <input type="file" placeholder="请导入考情EXCEL" onchange="importXlsx(this)" accept=".csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">        
        <input value="彭刘香" id="name" placeholder="姓名" />
        <button onclick="goQuery()"> 查询 button>


    div>
    <div class='calendar' id='calendar'>div>

    <table id="table" class="tabData">

    table>
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js">script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.14.0/xlsx.core.min.js">script>


body>

<script>
    var bigBase = {
    
            allData: []

你可能感兴趣的:(js,h5,promise,javascript,es6,html,jquery)