39 lines
		
	
	
		
			633 B
		
	
	
	
		
			Vue
		
	
	
			
		
		
	
	
			39 lines
		
	
	
		
			633 B
		
	
	
	
		
			Vue
		
	
	
| <docs>
 | ||
| ---
 | ||
| order: 0
 | ||
| title:
 | ||
|   zh-CN: ๅบๆฌ
 | ||
|   en-US: Basic
 | ||
| ---
 | ||
| 
 | ||
| ## zh-CN
 | ||
| 
 | ||
| ไธไธช้็จ็ๆฅๅ้ขๆฟ๏ผๆฏๆๅนด/ๆๅๆขใ
 | ||
| 
 | ||
| ## en-US
 | ||
| 
 | ||
| A basic calendar component with Year/Month switch.
 | ||
| 
 | ||
| </docs>
 | ||
| <template>
 | ||
|   <a-calendar v-model:value="value" @panelChange="onPanelChange" />
 | ||
| </template>
 | ||
| <script lang="ts">
 | ||
| import { defineComponent, ref } from 'vue';
 | ||
| import { Dayjs } from 'dayjs';
 | ||
| 
 | ||
| export default defineComponent({
 | ||
|   setup() {
 | ||
|     const value = ref<Dayjs>();
 | ||
|     const onPanelChange = (value: Dayjs, mode: string) => {
 | ||
|       console.log(value, mode);
 | ||
|     };
 | ||
| 
 | ||
|     return {
 | ||
|       value,
 | ||
|       onPanelChange,
 | ||
|     };
 | ||
|   },
 | ||
| });
 | ||
| </script>
 |