vue日期组件,支持vue1.0和2.0
2017-01-09 15:08
543 查看
vue-datetime
使用vue编写的时间组件,小巧实用,支持vue1.0,vue2.0v1.0 功能: 1.支持同时展开多个日期选择框 2.支持单击选中和取消,可配置单选和多选 3.支持双击启动连续选择,支持正向连续,逆向连续和跳跃不可选日期 4.支持在日期选择框内直接切换月份 5.支持初始化不可点击日期(剩余的可选择) 6.支持初始化已选择日期(已选择日期高亮) 7.支持初始化可选择日期(剩余的不可选择) 8.同时初始化不可点击和可点击日期,将以可点击日期为准
v1.1: 1.修复已知bug
v1.2: 1.重构代码,使代码更优雅和简洁 2.性能优化 3.完善功能,使多时间框和原地切换时间共存 4.支持不传入options 和datelist的使,默认显示当前日期并且可原地切换日期
v1.3: 1.增加年份和月份的快速选择
用法:
<edit-time :datelist='datelist' :options='options'></edit-time>
datelist = [ { year: undefined, // 日期初始年, 默认当前年 month: undefined, // 日期初始月, 默认当前月 multiSelect: true, // 日期是否可多选 switch: false // 当前日期框是否支持切换年月份 } ] options = { disable: [], // 不可选日期,格式: '2016-01-01' // enable: [], // 可选日期,格式: '2016-01-01',enable和disable只能有一个,如果都有默认用enable selected: [], // 已选择的day,格式: '2016-01-01' callback: undefined // 点击日期回调函数, callback(selectDateList) }
github源码地址
图示:
相关文章推荐
- vue日期组件 支持vue1.0和2.0
- vue1.0和2.0定义和注册组件的写法
- 支持ASPNET1.0/2.0的上传组件,支持FF/IE
- 【原】发一个支持ASPNET1.0/2.0的上传组件,支持FF/IE
- vue1.0与vue2.0区别之组件通信
- vue2.0-组件-文档理解笔记v1.0
- [代码发布]中文文字转换组件 1.0,支持VB/ASP编程
- 在WebStorm中添加Vue.js单文件组件的高亮及语法支持
- Vue2.0的通用组件
- vue.js 2.0父子组件学习入门套路
- vue自定义日期组件
- 基于log4net的支持动态文件名、按日期和大小自动分割文件的日志组件
- webstorm开发vue组件时,支持scss/less等预处理语言
- Vue 笔记三:Vue2.0与1.0的区别
- Google Maps API 2.0解析(13-支持以前1.0版本的GMap)
- vue2.0-表单控件绑定-文档理解笔记v1.0
- vue2.0 组件之间的数据传递
- 饿了么基于Vue2.0的通用组件开发之路(分享会记录)
- vue2.0组件通信各种情况总结与实例分析
- vue2.0父子组件及非父子组件之间的通信方法