基于vue2.0+vuex的日期选择组件

calendar vue日期选择组件

介绍

一个选择日期的vue组件

基于vue2.0 + vuex

原本是想找这样的一个组件的，查看了vuex后，发现vuex的写法还不是基于2.0的，所以就自己动手做了

github地址：
https://github.com/jamielhf/vue/tree/master/calendar
原文：
http://www.jamielhf.cn/?p=252

demo展示&&项目中的使用

目录结构

demo 用vue-cli 的webpack-simple构建的

calendar
　|--dist　build生成的目录
　|--doc   展示图片
　|--src
　　　|--assets 资源
　　　|--components
　　　　　|--calendar    日期组件
　　　　　|--dateScroll  滚动的子组件
　　　|--css
　　　|store   vuex目录
　　　　　|--modules
　　　　　　　|--calendar   
　　　　　|--mutation      组件的一些状态
　　　　　|--store
　　　|App.vue   入口
　　　|main.js

组件使用

组件可以传入一个年份的范围，startTime 和 endTime 都是数字, 默认是1900 - 2050

触发组件 this.$store.dispatch('calendarStatus',true)