加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-17 03:02:17 所属栏目:百科 来源:网络整理
导读:calendar vue日期选择组件 一个选择日期的vue组件 基于vue2.0 + vuex 原本是想找这样的一个组件的,查看了vuex后,发现vuex的写法还不是基于2.0的,所以就自己动手做了 demo展示项目中的使用 目录结构 demo 用vue-cli 的webpack-simple构建的 组件使用 组件

calendar vue日期选择组件

一个选择日期的vue组件

基于vue2.0 + vuex

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

demo展示&&项目中的使用

目录结构

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

组件使用

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

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

{{date}}

运行

serve with hot reload at localhost:8081

npm run dev

build for production with minification

npm run build

版本

1.0.0 vue日期组件

demo地址:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读