fix(date-picker): format date of slotProps and style of doc

varletjs · Feb 23, 2022 · 67bf46c · 67bf46c
1 parent eb76b77
commit 67bf46c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/packages/varlet-ui/src/date-picker/DatePicker.vue b/packages/varlet-ui/src/date-picker/DatePicker.vue
@@ -184,12 +184,13 @@ export default defineComponent({
 
     const slotProps: ComputedRef<Record<string, string>> = computed(() => {
       const weekIndex = dayjs(`${chooseYear.value}-${chooseMonth.value?.index}-${chooseDay.value}`).day()
+      const date = chooseDay.value ? chooseDay.value?.padStart(2, '0') : ''
 
       return {
         week: `${weekIndex}`,
         year: chooseYear.value ?? '',
         month: chooseMonth.value?.index ?? '',
-        date: chooseDay.value ?? '',
+        date,
       }
     })
 

diff --git a/packages/varlet-ui/src/date-picker/docs/en-US.md b/packages/varlet-ui/src/date-picker/docs/en-US.md
@@ -167,7 +167,7 @@ export default {
 | ----- | -------------- | -------- |
 | `year` | Custom the year in the title | `year: YYYY` |
 | `month` | Custom the month in the title | `year: YYYY` <br> `month: MM` |
-| `date` | Custom the date in the title | `year: YYYY` <br> `month: MM` `date: DD` <br> `week: weekIndex` |
+| `date` | Custom the date in the title | `year: YYYY` <br> `month: MM` <br> `date: DD` <br> `week: weekIndex` |
 | `range` | Custom the range in the title | `choose: [startData, endDate]` |
 | `multiple` | Custom the multiple in the title  | `choose: ['YYYY-MM-DD' \| 'YYYY-MM']` |
 

diff --git a/packages/varlet-ui/src/date-picker/docs/zh-CN.md b/packages/varlet-ui/src/date-picker/docs/zh-CN.md
@@ -161,13 +161,13 @@ export default {
 | `change` | 日期变化时触发 | `value: string \| string[]` |
 
 ### 插槽
-`weekIndex` 表示一周的第 `n` 天，从周末的`0`开始
+`weekIndex` 表示一周的第 `n` 天，从周末的 `0` 开始
 
 | 名称 | 说明 | 参数 |
 | ----- | -------------- | -------- |
 | `year` | 自定义标题中的年 | `year: YYYY` |
 | `month` | 自定义标题中的月 | `year: YYYY` <br> `month: MM` |
-| `date` | 自定义标题中的日期 | `year: YYYY` <br> `month: MM` `date: DD` <br> `week: weekIndex` |
+| `date` | 自定义标题中的日期 | `year: YYYY` <br> `month: MM` <br> `date: DD` <br> `week: weekIndex` |
 | `range` | 自定义标题中的范围 | `choose: [startData, endDate]` |
 | `multiple` | 自定义标题中的多选 | `choose: ['YYYY-MM-DD' \| 'YYYY-MM']` |