vue日期组件 支持vue1.0和2.0

vue-datetime

使用vue编写的时间组件，小巧实用，支持vue1.0，vue2.0

v1.0 功能:

1.支持同时展开多个日期选择框
2.支持单击选中和取消，可配置单选和多选
3.支持双击启动连续选择，支持正向连续，逆向连续和跳跃不可选日期
4.支持在日期选择框内直接切换月份
5.支持初始化不可点击日期(剩余的可选择)
6.支持初始化已选择日期(已选择日期高亮)
7.支持初始化可选择日期(剩余的不可选择)
8.同时初始化不可点击和可点击日期，将以可点击日期为准

v1.1:

1.修复已知bug

v1.2:

1.重构代码，使代码更优雅和简洁
2.性能优化
3.完善功能，使多时间框和原地切换时间共存
4.支持不传入options 和datelist的使，默认显示当前日期并且可原地切换日期

用法：<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源码地址；https://github.com/Stephen1993/vue-datetime

图示:

本文已被整理到了《Vue.js前端组件学习教程》，欢迎大家学习阅读。

关于vue.js组件的教程，请大家点击专题vue.js组件学习教程进行学习。

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

# vue时间组件  # vue日期组件  # vue  # datetime  # Vue日期时间选择器组件使用方法详解  # vue-calendar-component 封装多日期选择组件的实例代码  # vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】  # vue实现移动端轻量日期组件不依赖第三方库的方法  # 基于Vue组件化的日期联动选择器功能的实现代码  # vue实现自定义日期组件功能的实例代码  # Vue无限滑动周选择日期的组件的示例代码  # 详解vue移动端日期选择组件  # 基于vue2.0+vuex的日期选择组件功能实现  # vue左右滑动选择日期组件封装的方法  # 可选  # 可选择  # 多选  # 都有  # 多个  # 已被  # 请大家  # 欢迎大家  # 双击  # 将以  # 前年  # 回调  # 单击  # 大家多多  # 单选  # 有一个  # 重构  # 高亮  # bug 

相关文章： 如何正确选择百度移动适配建站域名？  建站之星安装提示数据库无法连接如何解决？  ,交易猫的商品怎么发布到网站上去？  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  如何通过多用户协作模板快速搭建高效企业网站？  PHP 500报错的快速解决方法  建站之星安装后如何配置SEO及设计样式？  建站之星微信建站一键生成小程序+多端营销系统  青浦网站制作公司有哪些,苹果官网发货地是哪里？  建站之星如何快速解决建站难题？  建站之星3.0如何解决常见操作问题？  如何用5美元大硬盘VPS安全高效搭建个人网站？  行程制作网站有哪些,第三方机票电子行程单怎么开？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  如何快速生成可下载的建站源码工具？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  定制建站哪家更专业可靠？推荐榜单揭晓  公司网站制作需要多少钱,找人做公司网站需要多少钱？  如何在IIS中新建站点并配置端口与物理路径？  建站VPS配置与SEO优化指南：关键词排名提升策略  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  seo网站制作优化,网站SEO优化步骤有哪些？  如何通过虚拟机搭建网站？详细步骤解析  网站制作需要会哪些技术,建立一个网站要花费多少？  ui设计制作网站有哪些,手机UI设计网址吗？  装修招标网站设计制作流程,装修招标流程？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  如何选择高效可靠的多用户建站源码资源？  如何快速搭建虚拟主机网站？新手必看指南  免费网站制作appp,免费制作app哪个平台好？  网站制作公司,橙子建站是合法的吗？  小建面朝正北，A点实际方位是否存在偏差？  建站168自助建站系统：快速模板定制与SEO优化指南  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  婚礼视频制作网站,学习*后期制作的网站有哪些？  建站主机SSH密钥生成步骤及常见问题解答？  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  教程网站设计制作软件,怎么创建自己的一个网站？  如何快速生成高效建站系统源代码？  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  建站主机是否属于云主机类型？  如何快速搭建高效WAP手机网站？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  重庆网站制作公司哪家好,重庆中考招生办官方网站？  MySQL查询结果复制到新表的方法(更新、插入)  ,网页ppt怎么弄成自己的ppt？  建站之星×万网：智能建站系统+自助建站平台一键生成  建站之星后台密码遗忘？如何快速找回？  如何在万网自助建站平台快速创建网站？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成