基于vue2.0+vuex的日期选择组件功能实现

基于vue2.0+vuex的日期选择组件功能实现

calendar vue日期选择组件

一个选择日期的vue组件

基于vue2.0 + vuex

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

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)

点击设置日期

{{date}}

eOnbk

运行

# install dependencies

npm install

# serve with hot reload at localhost:8081

npm run dev

# build for production with minification

npm run build

版本

1.0.0 vue日期组件

demo地址：vue-calendar_jb51.rar

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。