qy-platform/Application/Admin/View/FinanceCompare/add.html

<extend name="Public/base" />

<block name="body">
<link rel="stylesheet" type="text/css" href="__CSS__/admin_table.css" media="all">
<link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
<php>if(C('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';</php>
<link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
<style>
    .tabcon1711 td:first-child{
        width:auto;
        
    }
</style>

<div class="cf main-place top_nav_list navtab_list">
    <h3 class="page_title">新增推广员</h3>
    <p class="description_text">说明：此功是创建推广员时所需填写信息</p>
</div>



    <!-- 标签页导航 -->
<div class="tab-wrap" style="display: flex;">
    
    <div class="tab-content tabcon1711" style="min-width:50%;">
        <!-- 基础文档模型 -->
        <div id="tab1" class="tab-pane in tab1">
            <table  border="0" cellspacing="0" cellpadding="0">
                <tbody>
                    <tr>
                        <td class="l"><i class="mustmark" style="margin-left:-7px">*</i>校验时间:</td>
                        <td class="r">
                            <div class="input-list" style="margin-left: 0;">
                                <input type="text" readonly id="time_start" name="time_start" class="" value="{:I('time_start')}" placeholder="开始时间" />
                                &nbsp;-&nbsp;
                                <div class="input-append date" id="datetimepicker"  style="display:inline-block">
                                    <input type="text" readonly id="time_end" name="time_end" class="" value="{:I('time_end')}" placeholder="结束时间" />
                                    <span class="add-on"><i class="icon-th"></i></span>
                                </div>
                            </div>
                            <span class="notice-text" style="margin-left: 0;">请选择不超过31天的时间</span>
                        </td>
                    </tr>

                    <tr>
                        <td class="l"><i class="mustmark" style="margin-left:-7px">*</i>支付渠道:</td>
                        <td class="r">
                            <select name="company_id" id="company_id">
                                <option value="-1">请选择支付渠道</option>
                                <option value="1">支付宝</option>
                                <option value="2">微信</option>
                                <option value="3">易宝</option> 
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="l"><i class="mustmark" style="margin-left:-7px">*</i>Excel文件上传:</td>
                        <td class="r">
                            <div class="input-list" style="margin-left: 0;">
                                <input type="file" id="fileinput" name="file">
                            </div>
                            <span class="notice-text" style="margin-left: 0;">暂只支持.xls .xlsx 格式文件</span>
                        </td>
                    </tr>
                    

                </tbody>
            </table>
        </div>
         <div class="form-item cf">
              <button class="submit_btn ajax-post mlspacing" id="submit" type="submit" target-form="form-horizontal">
                  保存
              </button>
              <a class="submit_btn " alt="返回上一页" title="返回上一页" href="javascript:window.history.back();" >
                  返回
              </a>
          </div>
    </div>
    <div>
        4654654646
    </div>
</div>

</block>

<block name="script">
<script type="text/javascript" src="__STATIC__/xlsx.core.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript">
//导航高亮
highlight_subnav('{:U('Promote/lists')}');
Think.setValue("game_type_id", {$data.game_type_id|default = 0});
Think.setValue("category", {$data.category|default = 0});
</script>
<script type="text/javascript">

$(function(){
    showTab();
    var wb;//读取完成的数据
    var rABS = false; //是否将文件读取为二进制字符串
    function fixdata(data) { //文件流转BinaryString
        var o = "",
            l = 0,
            w = 10240;
        for(; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w)));
        o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)));
        return o;
    }


    $("#fileinput").change(function(){
        if(!this.files) {
            return;
        }
        var f = this.files[0];
        var reader = new FileReader();
        if(rABS) {
            reader.readAsArrayBuffer(f);
        } else {
            reader.readAsBinaryString(f);
        }
        reader.onload = function(e) {
            var data = e.target.result;
            if(rABS) {
                wb = XLSX.read(btoa(fixdata(data)),{
                    type: 'base64'
                });
            } else {
                wb = XLSX.read(data,{
                    type: 'binary'
                });
            }
            console.log(wb.Sheets[wb.SheetNames[0]])
            console.log(wb.Sheets[wb.SheetNames[0]]["A1"]["v"])
            console.log(wb.Sheets[wb.SheetNames[0]]["B1"]["v"])
            console.log(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) )
            // document.getElementById("demo").innerHTML= JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
        };
        
       
    })


});

$('#time_start').datetimepicker({
    format: 'yyyy-mm-dd',
    language:"zh-CN",
    minView:2,
    autoclose:true
});

$('#datetimepicker').datetimepicker({
    format: 'yyyy-mm-dd',
    language:"zh-CN",
    minView:2,
    autoclose:true,
    pickerPosition:'bottom-left'
})

</script>
</block>