{extend name="common/common2" /}
{block name="main"}
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>{$meta_title}</h5>
                <div class="ibox-tools">
                    <a class="toback" href="{:url('index',['mode'=>$mode])}">
                        返回上一页
                    </a>
                </div>
            </div>
            <div class="ibox-content">
                <div class="" style="background-color: #d9edf7;
        padding: 15px 20px 20px 20px;margin-bottom: 20px;font-size: 14px">
                    <span><i class="fa fa-info-circle">考虑服务器承受力，尽量导出数据量不要超过一个月</i></span>
                </div>

                <form method="post" action="{:url('export',['mode'=>$mode])}" class="form-horizontal">

                    <div class="form-group">
                        <label class="col-sm-1 control-label">开始日期</label>
                        <div class="col-sm-6">
                            <input id="Ymd" readonly class="form-control" name="start" value="">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-1 control-label">结束日期</label>
                        <div class="col-sm-6">
                            <input id="Ymd1" readonly class="form-control" name="end" value="">
                        </div>
                    </div>

                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <div class="col-sm-6 col-sm-offset-2">
                            <button class="btn btn-primary " target-form="form-horizontal" type="submit">导出并下载文件</button>
                        </div>
                    </div>
                </form>
            </div>


        </div>
    </div>
</div>
{/block}

{block name="script"}
<script type="text/javascript" src="/static/layDate-v5.0.9/laydate.js"></script>
<script>
    var time =new Date();
    var Htime= parseInt(time.toLocaleDateString())+3;
    console.log(Htime);
    console.log(111);
    laydate.render({
        elem: '#Ymd',
        showBottom: false,
        trigger: 'click' ,
        format:'yyyyMMdd',
        value:dateFormat(),
        theme:'#148d8f'

    });
    laydate.render({
        elem: '#Ymd1',
        showBottom: false,
        trigger: 'click' ,
        format:'yyyyMMdd',
        value:dateFormatH(),
        theme:'#148d8f'

    });
    //当前日期格式化
    function dateFormat() {
        var  year=time.getFullYear();
        var  mouth=time.getMonth()+ 1;
        if(mouth < 10){
            var  mouths='0'+mouth;
        }else {
            var  mouths=mouth;
        }
        var  day=time.getDate();
        if(day < 10){
            var  days='0'+day;
        }else {
            var  days=day;
        }
        var dateStr=year+mouths+days;
        return dateStr;
    }
    //当前日期格式化
    function dateFormatH() {
        var  year=time.getFullYear();
        var  mouth=time.getMonth()+ 1;
        if(mouth < 10){
            var  mouths='0'+mouth;
        }else {
            var  mouths=mouth;
        }
        var  day=time.getDate()+3;
        if(day < 10){
            var  days='0'+day;
        }else {
            var  days=day;
        }
        var dateStr=year+mouths+days;
        return dateStr;
    }
</script>
{/block}