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

API

ConfigProvider props