div.moo-datepicker(v-if='open'
class='moo'
@mouseover='e => mousePos(1)'
@mouseleave='e => mousePos(0)')
// 组件头
div.datepicker-nav
div.nav-item
moo-input(
:val='currentInput || getCurrent'
@keyup='editCurrent'
@blur='editOver')
div.nav-item
btn(@tap='close' v-if='!hasNoClose')
span.iconfont(class='icon-cross' slot='btn')
btn(@tap='today')
span.iconfont(class='icon-refresh' slot='btn')
// 日期选择
div.datepicker-selector(class='speed-select')
moo-select(:list='yearList' :val='nowYear' @change='item => choose("year", item.key)')
moo-select(:list='monthList' :val='nowMonth' @change='item => choose("month", item.key)')
// 选择区域
div.datepicker-area
// 日份
div.datepicker-items
table.row
tr.datepicker-week
td(v-for='week in weekList') {{ week }}
tr.datepicker-day(v-for='line in dayList')
td(v-for='day in line' :class='{select: day === nowDay}')
btn(@tap='e => (day && choose("day", day))')
span(slot='btn') {{ day === null ? ' ' : day }}
// 时间选择
div.datepicker-selector(class='speed-select' v-if='hasShowTime')
moo-select(:list='hourList' :val='nowHour' @change='item => choose("hour", item.key)')
moo-select(:list='minuteList' :val='nowMinute' @change='item => choose("minute", item.key)')
moo-select(:list='secondList' :val='nowSecond' @change='item => choose("second", item.key)')