<div stop-event ng-class="{'active':selme && operSel}" ng-click="selme=!selme;showDateTable();" ng-mouseleave="selme=false;">
    <span class="cal" ng-show="panels.length>1"></span>
    <el class="dateletter" ng-transclude></el>
    <div class="arrowIcon"></div>
    <div class="dateWarp dateTabRange" ng-show="showFlag" ng-style="wstyle" stop-event>
        <div class="left">
            <div class="date-single" ng-repeat="p in panels" style="height:270px;">
                <div class="date-title">
                    <span class="iconleft left" ng-click="changeMonth($index,p.date,-1)" ng-show="$index===0"></span>
                    <div class="date-label center-block">{{p.date | date: "yyyy-MM"}}</div>
                    <span class="iconright right" ng-click="changeMonth($index,p.date,1)" ng-show="$index===panels.length-1"></span>
                </div>
                <table cellpadding="0" cellspacing="0" class="date-table">
                    <thead>
                        <th scope="col" ng-repeat="week in options.abbrWeeks">{{week}}</th>
                    </thead>
                    <tbody>
                        <tr ng-repeat="row in p.weeks">
                            <td ng-repeat="cell in row">
                                <a class="pika-button pika-day" 
                                ng-click="chooseDate(cell)"
                                ng-class="cellClass(cell)">
                                    {{cell.day | date: "d"}}
                                </a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            
            <div class='date-footer' ng-show="panels.length>1">
                <span class='date-input'>
                    <label>日期范围:</label>
                    <input type="text" ng-model='customStrat' ng-blur='startDate()' readonly="true" style="width:90px;" />
                    <label>至</label>
                    <input type="text" ng-model='customEnd' ng-blur='endDate()' readonly="true" style="width:90px;" />
                </span>
                <div class="right">
                    <a class="btn3 mr10" ng-click="complete()">确定</a>
                    <a class="btn2" ng-click="cancel()">取消</a>
                </div>
            </div>
            <div class='date-footer clearfix' ng-show="panels.length==1">
                <a class="btn3 mr5" ng-click="cancel()" style="float:right;">关闭</a>
            </div>
        </div>
        <div class="relativeDateWrap" ng-show="panels.length>1">
            <a class="btn" ng-click="setRelDate('yesday')" ng-class="{'active':selDayflag=='yesday'}">昨日</a>
            <a class="btn" ng-click="setRelDate('d7')" ng-class="{'active':selDayflag=='d7'}">近7天</a>
            <a class="btn" ng-click="setRelDate('d14')" ng-class="{'active':selDayflag=='d14'}">近14天</a>
            <a class="btn" ng-click="setRelDate('d30')" ng-class="{'active':selDayflag=='d30'}">近30天</a>
            <a class="btn" ng-click="setRelDate('-w1')" ng-class="{'active':selDayflag=='-w1'}">上周</a>
            <a class="btn" ng-click="setRelDate('w0')" ng-class="{'active':selDayflag=='w0'}">本周</a>
            <a class="btn" ng-click="setRelDate('-m1')" ng-class="{'active':selDayflag=='-m1'}">上月</a>
            <a class="btn" ng-click="setRelDate('m0')" ng-class="{'active':selDayflag=='m0'}">本月</a>
        </div>
    </div>
</div>