.c-datepicker__range(
v-show="show"
:class="className"
)
.c-datepicker__content.c-calendar
c-dateheader(
:minDate="minDate"
:maxDate="startMaxDate"
:year="startYear"
:month="startMonth"
:monthsShow="startMonthsShow"
@monthchange="startMonthChange"
@yearchange="startYearChange"
@monthshow="startMonthTableShow"
)
.c-calendar__body
c-monthtable(
v-if="startMonthsShow"
:minDate="minDate"
:maxDate="startMaxDate"
:year="startYear"
:month="startMonth"
@change="startSelectMonth"
)
c-datetable(
v-if="!startMonthsShow"
type="range"
:minDate="minDate"
:maxDate="maxDate"
:year="startYear"
:month="startMonth"
:day="startDay"
:start="start"
:end="end"
:range-obj="rangeObj"
@monthchange="startMonthChange"
@yearchange="startYearChange"
@change="selectDay"
@rangeChange="onRangeChange"
)
.c-datepicker__content.c-calendar
c-dateheader(
:minDate="endMinDate"
:maxDate="maxDate"
:year="endYear"
:month="endMonth"
:monthsShow="endMonthsShow"
@monthchange="endMonthChange"
@yearchange="endYearChange"
@monthshow="endMonthTableShow"
)
.c-calendar__body
c-monthtable(
v-if="endMonthsShow"
:minDate="endMinDate"
:maxDate="maxDate"
:year="endYear"
:month="endMonth"
@change="endSelectMonth"
)
c-datetable(
v-if="!endMonthsShow"
type="range"
:minDate="minDate"
:maxDate="maxDate"
:year="endYear"
:month="endMonth"
:day="endDay"
:start="start"
:end="end"
:range-obj="rangeObj"
@monthchange="endMonthChange"
@yearchange="endYearChange"
@change="selectDay"
@rangeChange="onRangeChange"
)
p.c-datepicker__text {{start}} 至 {{end}}
.c-datepicker__btns
c-button(
@click="confirmRange"
size="sm"
outline
primary
) 确定
c-button(
size="sm"
@click="cancel"
outline
) 取消