[聚合文章] vue-calendar 基于 vue 2.0 开发的轻量，高性能日历组件

vue-calendar-component

• 基于 vue 2.0 开发的轻量，高性能日历组件
• 占用内存小，性能好，样式好看，可扩展性强

Why

• Github上太多一个输入框点击弹出日历选择某个时间的组件，却没有找到适合一个单纯展示日历并且能点击获取时间的组件
• 少部分日历组件的占用内存过于大，对于日历这样简单的功能来说显然不够合理

Demo

或者请用浏览器的手机模式查看

效果

github地址

https://github.com/zwhGithub/vue-calendar

Install

npm i vue-calendar-component --save
cnpm i vue-calendar-component --save  //国内镜像

Usage

//main.js中引入

import Calendar from 'vue-calendar-component';
Vue.use(Calendar);

 <Calendar v-on:chose_day="clickday"
           v-on:is_today="clicktoday"
           v-on:change_month="change_date"
           :mark_array = [1,2]
           :is_hide_otherday = false
           ></Calendar>

      clickday(data){
        console.log(data) //选中某天
      },
      change_date(data){
        console.log(data)  //左右点击切换月份
      },
      clicktoday(data){
        console.log(data)  //切换月份的时候，如果切到当前月份,调用这个方法
      }

API

Other

• src下面的App.vue 有demo可以参考.
• 如果有其他问题或者版本上, 功能上不兼容的 邮件沟通 452216418@qq.com

注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。