ConfigProvider
基础
日期面板
null年
日
一
二
三
四
五
六
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
0
1
2
3
4
<template>
<y-config-provider :locale="locale">
<single-demo label="日期面板">
<y-date-picker-panel />
</single-demo>
</y-config-provider>
</template>
<script>
import { defineComponent, ref } from 'vue';
export default defineComponent({
name: 'Base',
setup() {
const value = ref(null);
const locale = ref({
name: 'zh-cn',
ele: {
datepicker: {
year: '年',
weeks: {
0: '日',
1: '一',
2: '二',
3: '三',
4: '四',
5: '五',
6: '六',
},
months: {
0: '一月',
1: '二月',
2: '三月',
3: '四月',
4: '五月',
5: '六月',
6: '七月',
7: '八月',
8: '九月',
9: '十月',
10: '十一月',
11: '十二月',
},
fullmonths: {
0: '1 月',
1: '2 月',
2: '3 月',
3: '4 月',
4: '5 月',
5: '6 月',
6: '7 月',
7: '8 月',
8: '9 月',
9: '10 月',
10: '11 月',
11: '12 月',
},
},
},
});
return {
value,
locale,
};
}
});
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
API
ConfigProvider props