date-pickerをローカライズ

Author: kaizumaki

src/components/EditLessonScreenInner1.vue

@@ -6,7 +6,11 @@
       :return-value.sync="tempFormData.date"
       width="290px"
     >
-      <v-date-picker v-model="tempFormData.date">
+      <v-date-picker
+        v-model="tempFormData.date"
+        :locale="$root.$i18n.locale"
+        :day-format="(date) => $dayjs(date).format('D')"
+      >
         <v-spacer />
         <v-btn text color="primary" @click="datePickerOpen = false">
           {{ $t('common.general.buttons.cancel') }}

src/layouts/classes.vue

@@ -3,10 +3,11 @@
     <v-dialog v-model="openCalenderDialog" max-width="320px">
       <v-date-picker
         v-model="date"
-        locale="ja"
         first-day-of-week="1"
         width="100%"
         class="mb-4"
+        :locale="$root.$i18n.locale"
+        :day-format="(date) => $dayjs(date).format('D')"
         @input="openCalenderDialog = false"
       />
       <base-action-button
@@ -133,8 +134,8 @@ export default Vue.extend({
       get() {
         return this.$dayjs(vxm.app.currentDate).format('YYYY-MM-DD')
       },
-      set(newValue: string) {
-        vxm.app.setDate(newValue)
+      set(newValue: Date) {
+        vxm.app.setDate((this as any).$dayjs(newValue).toDate())
       },
     },
   },

src/layouts/protected.vue

@@ -3,10 +3,11 @@
     <v-dialog v-model="openCalenderDialog" max-width="320px">
       <v-date-picker
         v-model="date"
-        locale="ja"
         first-day-of-week="1"
         width="100%"
         class="mb-4"
+        :locale="$root.$i18n.locale"
+        :day-format="(date) => $dayjs(date).format('D')"
         @input="openCalenderDialog = false"
       />
       <base-action-button
@@ -132,8 +133,8 @@ export default Vue.extend({
       get() {
         return this.$dayjs(vxm.app.currentDate).format('YYYY-MM-DD')
       },
-      set(newValue: string) {
-        vxm.app.setDate(newValue)
+      set(newValue: Date) {
+        vxm.app.setDate((this as any).$dayjs(newValue).toDate())
       },
     },
     classData() {