- npm i vue - calendar - component--save cnpm i vue - calendar - component--save //国内镜像
- //main.js中引入
- import Calendar from 'vue-calendar-component';
- import 'vue-calendar-component/style.CSS';
- Vue.use(Calendar);
- <Calendar v-on:chose_day="clickday"
- v-on:is_today="clicktoday"
- v-on:change_month="change_date"
- mark_array="[1,2]" //标记1号2号
- :is_hide_otherday=true
- ></Calendar>
- clickday(data){
- console.log(data) //选中某天
- },
- clicktoday(data){
- console.log(data) //跳到了本月
- },
- change_date(data){
- console.log(data) //左右点击切换月份
- }
- chose_day //点击哪天获取到点击日期
- is_today //左右点击如果到了本月 获取到日期
- change_month //左右点击月份获取到日期
- mark_array //想要这个月哪几天被标记,比如这个月1号、2号,如果不需要可以不传
- is_hide_otherday //是否让超过今天的日期可以点击,默认是false可以点击 true不让点击
github地址
来源: https://juejin.im/post/59f81bd76fb9a0452845c8e4