mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-01-30 11:16:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(components): [ElCalender] add internationalization (#4582)

Browse Source 
* feat(components): [ElCalender] add internationalization

* perf(components): [ElCalender] remove redundant  `ref`
This commit is contained in:
C.Y.Kun 2021-12-01 16:26:51 +08:00 committed by GitHub
parent f2b08cb025
commit 0009de4be0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/components/calendar/src/date-table.vue
View File

@ -37,7 +37,7 @@
</template>
<script lang="ts">
import { computed, defineComponent, ref } from 'vue'
import { computed, defineComponent } from 'vue'
import dayjs from 'dayjs'
import localeData from 'dayjs/plugin/localeData'
import { useLocale } from '@element-plus/hooks'
@ -73,16 +73,12 @@ export default defineComponent({
},
emits: ['pick'],
setup(props, ctx) {
const { lang } = useLocale()
const WEEK_DAYS = ref(
dayjs().locale(lang.value).localeData().weekdaysShort()
)
const { t, lang } = useLocale()
const WEEK_DAYS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat']
const now = dayjs().locale(lang.value)
// todo better way to get Day.js locale object
const firstDayOfWeek = (now as any).$locale().weekStart || 0
const toNestedArr = (days) => {
return rangeArr(days.length / 7).map((_, index) => {
const start = index * 7
@ -178,13 +174,12 @@ export default defineComponent({
const weekDays = computed(() => {
const start = firstDayOfWeek
if (start === 0) {
return WEEK_DAYS.value
return WEEK_DAYS.map((_) => t(`el.datepicker.weeks.${_}`))
} else {
return WEEK_DAYS.value
.slice(start)
.concat(WEEK_DAYS.value.slice(0, start))
return WEEK_DAYS.slice(start)
.concat(WEEK_DAYS.slice(0, start))
.map((_) => t(`el.datepicker.weeks.${_}`))
}
})