.c-timepicker__timerange(@click="openPanel")
.c-timerange__wrapper(
:class="wrapperClassname"
)
c-input(
v-model="startTime"
placeholder="开始时间"
:disabled="disabled"
:readonly="readonly"
:size="size"
@change="startInputChange"
)
span 至
c-input(
v-model="endTime"
placeholder="结束时间"
:disabled="disabled"
:readonly="readonly"
:size="size"
@change="endInputChange"
)
.c-timerange__panel(:class="{show: isOpen}")
.c-timerange__container
.c-timepicker__wrap
p 开始时间
c-timepanel(
:isShown="isOpen"
:hour="startHour"
:minute="startMinute"
:second="startSecond"
:format="format"
:secondStep="secondStep"
:minuteStep="minuteStep"
:hourStep="hourStep"
:maxTime="endTime"
@change="startTimeChange"
)
.c-timepicker__wrap
p 结束时间
c-timepanel(
:isShown="isOpen"
:hour="endHour"
:minute="endMinute"
:second="endSecond"
:format="format"
:minTime="startTime"
:secondStep="secondStep"
:minuteStep="minuteStep"
:hourStep="hourStep"
@change="endTimeChange"
)
.c-timerange__btns
c-button(
@click="confirmRange"
size="sm"
outline
primary
) 确定
c-button(
size="sm"
@click="cancel"
outline
) 取消