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 

相关文章： 制作门户网站的参考文献在哪,小说网站怎么建立？  b2c电商网站制作流程,b2c水平综合的电商平台？  建站之星上传入口如何快速找到？  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  如何通过免费商城建站系统源码自定义网站主题与功能？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  建站之星北京办公室：智能建站系统与小程序生成方案解析  微信小程序 五星评分(包括半颗星评分)实例代码  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  如何在万网主机上快速搭建网站？  ,怎么在广州志愿者网站注册？  成都网站制作公司哪家好,四川省职工服务网是做什么用？  广德云建站网站建设方案与建站流程优化指南  如何登录建站主机？访问步骤全解析  如何在橙子建站中快速调整背景颜色？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  C++如何使用std::optional？（处理可选值）  如何制作一个表白网站视频,关于勇敢表白的小标题？  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  C#怎么使用委托和事件 C# delegate与event编程方法  Android自定义控件实现温度旋转按钮效果  网站专业制作公司有哪些,做一个公司网站要多少钱？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  如何使用Golang table-driven基准测试_多组数据测量函数效率  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  如何获取上海专业网站定制建站电话？  如何在阿里云ECS服务器部署织梦CMS网站？  建站之星后台管理系统如何操作？  如何在阿里云高效完成企业建站全流程？  建站ABC备案流程中有哪些关键注意事项？  5种Android数据存储方式汇总  如何在阿里云完成域名注册与建站？  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗？  青岛网站设计制作公司,查询青岛招聘信息的网站有哪些？  简历在线制作网站免费版,如何创建个人简历？  如何高效利用亚马逊云主机搭建企业网站？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  创业网站制作流程,创业网站可靠吗？  教程网站设计制作软件,怎么创建自己的一个网站？  ,制作一个手机app网站要多少钱？  建站之星Pro快速搭建教程：模板选择与功能配置指南  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  如何用免费手机建站系统零基础打造专业网站？  如何高效完成独享虚拟主机建站？  如何选择高效稳定的ISP建站解决方案？  如何快速搭建高效WAP手机网站吸引移动用户？  深圳网站制作费用多少钱,读秀，深圳文献港这样的网站很多只提供网上试读，但有些人只要提供试读的文章就能全篇下载，这个是怎么弄的？  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？