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

update vue-datepicker, and make the picker show the calendar view every time opening

Browse Source
This commit is contained in:
MaysWind
2023-06-23 15:48:47 +08:00
parent d59a10f718
commit bb6345ccfa
5 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+4 -4
View File
@@ -10,7 +10,7 @@
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@mdi/js": "^7.2.96", "@mdi/js": "^7.2.96",
"@vuepic/vue-datepicker": "^5.1.2", "@vuepic/vue-datepicker": "^5.3.0",
"axios": "^1.4.0", "axios": "^1.4.0",
"cbor-js": "^0.1.0", "cbor-js": "^0.1.0",
"clipboard": "^2.0.11", "clipboard": "^2.0.11",
@@ -3212,9 +3212,9 @@
"integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==" "integrity": "sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ=="
}, },
"node_modules/@vuepic/vue-datepicker": { "node_modules/@vuepic/vue-datepicker": {
"version": "5.1.2", "version": "5.3.0",
"resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-5.1.2.tgz", "resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-5.3.0.tgz",
"integrity": "sha512-1SFDntlbH9Ct4f7CRrXbIIq7xsKs584T1ZqZdaeS3REdnaK45+Kob2dJtY7zjyFjeXs8EVpch8YrJKMpmtJ2rw==", "integrity": "sha512-eW5LRa3mH5klbRaKedG96/KY4EZC7ns+Zs7A+4guRBL+dQQthd8HV0xyS9nkI7hjr1K5zU+FQ3TOdo/oX5r3og==",
"dependencies": { "dependencies": {
"date-fns": "^2.30.0", "date-fns": "^2.30.0",
"date-fns-tz": "^1.3.7" "date-fns-tz": "^1.3.7"
package.json
+1 -1
View File
@@ -19,7 +19,7 @@
}, },
"dependencies": { "dependencies": {
"@mdi/js": "^7.2.96", "@mdi/js": "^7.2.96",
"@vuepic/vue-datepicker": "^5.1.2", "@vuepic/vue-datepicker": "^5.3.0",
"axios": "^1.4.0", "axios": "^1.4.0",
"cbor-js": "^0.1.0", "cbor-js": "^0.1.0",
"clipboard": "^2.0.11", "clipboard": "^2.0.11",
src/components/mobile/DateRangeSelectionSheet.vue
+3
View File
@@ -15,6 +15,7 @@
</p> </p>
<slot></slot> <slot></slot>
<vue-date-picker range inline enable-seconds auto-apply <vue-date-picker range inline enable-seconds auto-apply
ref="datetimepicker"
month-name-format="long" month-name-format="long"
six-weeks="center" six-weeks="center"
class="justify-content-center margin-bottom" class="justify-content-center margin-bottom"
@@ -159,6 +160,8 @@ export default {
if (this.maxTime) { if (this.maxTime) {
this.dateRange[1] = getLocalDatetimeFromUnixTime(getDummyUnixTimeForLocalUsage(this.maxTime, getTimezoneOffsetMinutes(), getBrowserTimezoneOffsetMinutes())); this.dateRange[1] = getLocalDatetimeFromUnixTime(getDummyUnixTimeForLocalUsage(this.maxTime, getTimezoneOffsetMinutes(), getBrowserTimezoneOffsetMinutes()));
} }
this.$refs.datetimepicker.switchView('calendar');
}, },
onSheetClosed() { onSheetClosed() {
this.$emit('update:show', false); this.$emit('update:show', false);
src/components/mobile/DateTimeSelectionSheet.vue
+3
View File
@@ -12,6 +12,7 @@
</f7-toolbar> </f7-toolbar>
<f7-page-content> <f7-page-content>
<vue-date-picker inline enable-seconds auto-apply <vue-date-picker inline enable-seconds auto-apply
ref="datetimepicker"
month-name-format="long" month-name-format="long"
six-weeks="center" six-weeks="center"
class="justify-content-center" class="justify-content-center"
@@ -91,6 +92,8 @@ export default {
if (this.modelValue) { if (this.modelValue) {
this.dateTime = getLocalDatetimeFromUnixTime(this.modelValue) this.dateTime = getLocalDatetimeFromUnixTime(this.modelValue)
} }
this.$refs.datetimepicker.switchView('calendar');
}, },
onSheetClosed() { onSheetClosed() {
this.$emit('update:show', false); this.$emit('update:show', false);
third-patry-dependencies.json
+1 -1
View File
@@ -163,7 +163,7 @@
"name": "@vuepic/vue-datepicker", "name": "@vuepic/vue-datepicker",
"copyright": "Copyright (c) 2021-present Vuepic", "copyright": "Copyright (c) 2021-present Vuepic",
"url": "https://vue3datepicker.com/", "url": "https://vue3datepicker.com/",
"licenseUrl": "https://github.com/Vuepic/vue-datepicker/blob/v5.1.2/LICENSE" "licenseUrl": "https://github.com/Vuepic/vue-datepicker/blob/v5.3.0/LICENSE"
}, },
{ {
"name": "axios", "name": "axios",