magix-components
Version:
66 lines (65 loc) • 3.35 kB
HTML
<div class="wrapper unselectable" mx-contextmenu="@{prevent}()">
<%if(types.day){%>
<div id="days_<%=id%>" class="clearfix">
<div class="header">
<span class="mc-iconfont minus fl" mx-click="@{changeMonth}()"></span>
<h4 mx-click="<%if(types.month){%>@{showMonths}<%}else{%>@{showYears}<%}%>()" class="title"><%=year%>-<%=('0'+month).slice(-2)%></h4>
<span class="mc-iconfont plus rotate180 fr" mx-click="@{changeMonth}({next:true})"></span>
</div>
<div class="body">
<div class="weeks clearfix">
<%for(var i=0;i<weekText.length;i++){%>
<span class="week"><%=weekText[i]%></span>
<%}%>
</div>
<div class="days clearfix">
<%for(var i=0;i<days.length;i++){%>
<%var tds=days[i]%>
<%for(var j=0;j<tds.length;j++){%>
<span class="day<%if(tds[j].otherMonth){%> gray<%}%><%if(tds[j].disabled){%> notallowed<%}%><%if(tds[j].selected){%> selected<%}%>"<%if(!tds[j].disabled){%> mx-click="@{choose}({toMonth:<%=tds[j].month%>,date:'<%=tds[j].full%>'})"<%}%> title="<%=tds[j].full%>"><%=tds[j].day%></span>
<%}%>
<%}%>
</div>
</div>
<%if(timeType){%>
<mx-time time="<%=timeValue%>" type="<%=timeType%>" class="clearfix time" mx-change="@{setTime}()"/>
<div class="footer">
<button class="btn btn-brand" mx-click="@{hide}({enter:true})">确定</button>
<button class="btn ml5" mx-click="@{hide}()">取消</button>
</div>
<%}%>
</div>
<%}%>
<%if(types.month){%>
<div id="months_<%=id%>" class="clearfix<%if(types.day){%> m-panel<%}%>">
<div class="header">
<span class="mc-iconfont minus fl" mx-click="@{changeYear}()"></span>
<h4 mx-click="@{showYears}()" class="title"><%=year%></h4>
<span class="mc-iconfont plus fr rotate180" mx-click="@{changeYear}({next:true})"></span>
</div>
<div class="body clearfix">
<%for(var i=0,m;i<months.length;i++){%>
<%m=months[i]%>
<span class="ym<%if(m.disabled){%> notallowed<%}%><%if(m.selected){%> selected<%}%>"<%if(!m.disabled){%> mx-click="@{pickMonth}({month:'<%=m.month%>'})"<%}%>><%=m.month%></span>
<%}%>
</div>
</div>
<%}%>
<%if(types.year){%>
<div id="years_<%=id%>" class="clearfix<%if(types.day||types.month){%> y-panel<%}%>">
<div class="header">
<span class="mc-iconfont minus fl" mx-click="@{changeYear}({range:true})"></span>
<h4 class="title"><%=startYear%>-<%=endYear%></h4>
<span class="mc-iconfont plus fr rotate180" mx-click="@{changeYear}({range:true,next:true})"></span>
</div>
<div class="body clearfix">
<%for(var i=0,y;i<years.length;i++){%>
<%y=years[i]%>
<span class="ym<%if(y.selected){%> selected<%}%><%if(y.disabled){%> notallowed<%}%><%if(!i||i==years.length-1){%> gray<%}%>"<%if(!y.disabled){%> mx-click="@{pickYear}({year:'<%=y.year%>'})"<%}%>>
<%=y.year%>
</span>
<%}%>
</div>
</div>
<%}%>
</div>