mirror of
https://github.com/mayswind/ezbookkeeping.git
synced 2026-05-18 00:34:28 +08:00
always show date range picker in center
This commit is contained in:
@@ -14,24 +14,24 @@
|
|||||||
<span>{{ endDateTime }}</span>
|
<span>{{ endDateTime }}</span>
|
||||||
</p>
|
</p>
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
<VueDatePicker range inline enable-seconds six-weeks
|
<vue-date-picker range inline enable-seconds six-weeks
|
||||||
auto-apply month-name-format="long"
|
auto-apply month-name-format="long"
|
||||||
class="margin-bottom"
|
class="justify-content-center margin-bottom"
|
||||||
:dark="isDarkMode"
|
:dark="isDarkMode"
|
||||||
:week-start="firstDayOfWeek"
|
:week-start="firstDayOfWeek"
|
||||||
:year-range="yearRange"
|
:year-range="yearRange"
|
||||||
:day-names="dayNames"
|
:day-names="dayNames"
|
||||||
:is24="is24Hour"
|
:is24="is24Hour"
|
||||||
:partial-range="false"
|
:partial-range="false"
|
||||||
:preset-ranges="presetRanges"
|
:preset-ranges="presetRanges"
|
||||||
v-model="dateRange">
|
v-model="dateRange">
|
||||||
<template #month="{ text }">
|
<template #month="{ text }">
|
||||||
{{ $t(`datetime.${text}.short`) }}
|
{{ $t(`datetime.${text}.short`) }}
|
||||||
</template>
|
</template>
|
||||||
<template #month-overlay-value="{ text }">
|
<template #month-overlay-value="{ text }">
|
||||||
{{ $t(`datetime.${text}.short`) }}
|
{{ $t(`datetime.${text}.short`) }}
|
||||||
</template>
|
</template>
|
||||||
</VueDatePicker>
|
</vue-date-picker>
|
||||||
<f7-button large fill
|
<f7-button large fill
|
||||||
:class="{ 'disabled': !dateRange[0] || !dateRange[1] }"
|
:class="{ 'disabled': !dateRange[0] || !dateRange[1] }"
|
||||||
:text="$t('Continue')"
|
:text="$t('Continue')"
|
||||||
|
|||||||
Reference in New Issue
Block a user