magix-components
Version:
29 lines • 2.15 kB
HTML
<div class="group">
<input class="input ipt" value="<%=format(time.hour)%>"<%if(types.hour){%> mx-change="@{set}({type:'hour'})"<%}else{%> disabled<%}%> maxlength="2" />
<button type="button" class="btn o-btn fl"<%if(types.hour){%> mx-click="@{change}({type:'hour'})" mx-mousedown="@{fast.start}({type:'hour'})"<%}else{%> disabled<%}%> tabindex="-1">
<i class="mc-iconfont"></i>
</button>
<button type="button" class="btn o-btn fr"<%if(types.hour){%> mx-click="@{change}({type:'hour',inc:true})" mx-mousedown="@{fast.start}({type:'hour',inc:true})"<%}else{%> disabled<%}%> tabindex="-1">
<i class="mc-iconfont"></i>
</button>
</div>
<span class="spliter">:</span>
<div class="group">
<input class="input ipt" value="<%=format(time.minute)%>"<%if(types.minute){%> mx-change="@{set}({type:'minute'})"<%}else{%> disabled<%}%> maxlength="2" />
<button type="button" class="btn o-btn fl"<%if(types.minute){%> mx-click="@{change}({type:'minute'})" mx-mousedown="@{fast.start}({type:'minute'})"<%}else{%> disabled<%}%> tabindex="-1">
<i class="mc-iconfont"></i>
</button>
<button type="button" class="btn o-btn fr"<%if(types.minute){%> mx-click="@{change}({type:'minute',inc:true})" mx-mousedown="@{fast.start}({type:'minute',inc:true})"<%}else{%> disabled<%}%> tabindex="-1">
<i class="mc-iconfont"></i>
</button>
</div>
<span class="spliter">:</span>
<div class="group">
<input class="input ipt" value="<%=format(time.second)%>"<%if(types.second){%> mx-change="@{set}({type:'second'})"<%}else{%> disabled<%}%> maxlength="2" />
<button type="button" class="btn o-btn fl"<%if(types.second){%> mx-click="@{change}({type:'second'})" mx-mousedown="@{fast.start}({type:'second'})"<%}else{%> disabled<%}%> tabindex="-1">
<i class="mc-iconfont"></i>
</button>
<button type="button" class="btn o-btn fr"<%if(types.second){%> mx-click="@{change}({type:'second',inc:true})" mx-mousedown="@{fast.start}({type:'second',inc:true})"<%}else{%> disabled<%}%> tabindex="-1">
<i class="mc-iconfont"></i>
</button>
</div>