install

npm install gen-calendar

use

<template>
  <div id="app">
    <mul-calendar locale="en" v-model="date" :start="1" @change="changeDate"/>
  </div>
</template>
<script>
import  from "gen-calendar"
import "gen-calendar/genCalendar.css"
export default {
  components:{genCalendar},
  data(){
    return{
      date:'2024-01-18'
    }
  },
  methods:{
    changeDate(date){
      // console.log(date,'change');
    }
  }
}
</script>

Attributes

| 参数 | 说明| 类型 | 默认值| | --- | --- |--- | --- | | start | 周起始 |string| 0(周日) | | locale | 语言 |string| zh-cn|

Select Events

| 事件名称 | 说明| 回调参数| | --- | --- |--- | | change | 选择日期时触发 |目标选中的日期|