zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

always show date range picker in center

Browse Source
This commit is contained in:
MaysWind
2023-04-21 22:36:57 +08:00
parent 85cd46bfc7
commit eea1ea7ed0
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/mobile/DateRangeSelectionSheet.vue
+12 -12
View File
@@ -14,24 +14,24 @@
<span>{{ endDateTime }}</span>
</p>
<slot></slot>
<VueDatePicker range inline enable-seconds six-weeks
auto-apply month-name-format="long"
class="margin-bottom"
:dark="isDarkMode"
:week-start="firstDayOfWeek"
:year-range="yearRange"
:day-names="dayNames"
:is24="is24Hour"
:partial-range="false"
:preset-ranges="presetRanges"
v-model="dateRange">
<vue-date-picker range inline enable-seconds six-weeks
auto-apply month-name-format="long"
class="justify-content-center margin-bottom"
:dark="isDarkMode"
:week-start="firstDayOfWeek"
:year-range="yearRange"
:day-names="dayNames"
:is24="is24Hour"
:partial-range="false"
:preset-ranges="presetRanges"
v-model="dateRange">
<template #month="{ text }">
{{ $t(`datetime.${text}.short`) }}
</template>
<template #month-overlay-value="{ text }">
{{ $t(`datetime.${text}.short`) }}
</template>
</VueDatePicker>
</vue-date-picker>
<f7-button large fill
:class="{ 'disabled': !dateRange[0] || !dateRange[1] }"
:text="$t('Continue')"