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 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Angular 表单中正确绑定输入值以确保提交与验证正常工作  🚀拖拽式CMS建站能否实现高效与个性化并存？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  如何在阿里云虚拟主机上快速搭建个人网站？  如何用美橙互联一键搭建多站合一网站？  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  Windows家庭版如何开启组策略(gpedit.msc)？（安装方法）  如何获取PHP WAP自助建站系统源码？  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  laravel怎么配置和使用PHP-FPM来优化性能_laravel PHP-FPM配置与性能优化方法  如何在阿里云高效完成企业建站全流程？  在centOS 7安装mysql 5.7的详细教程  Python函数文档自动校验_规范解析【教程】  如何在服务器上配置二级域名建站？  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？  Laravel如何发送系统通知_Laravel Notifications实现多渠道消息通知  Laravel中间件起什么作用_Laravel Middleware请求生命周期与自定义详解  Laravel怎么实现微信登录_Laravel Socialite第三方登录集成  如何快速搭建安全的FTP站点？  Python企业级消息系统教程_KafkaRabbitMQ高并发应用  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  公司门户网站制作流程,华为官网怎么做？  Laravel如何使用Blade组件和插槽？（Component代码示例）  如何为不同团队 ID 动态生成多个非值班状态按钮  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  如何登录建站主机？访问步骤全解析  HTML5空格在Angular项目里怎么处理_Angular中空格的渲染问题【详解】  实例解析Array和String方法  如何在宝塔面板中修改默认建站目录？  Laravel如何实现本地化和多语言支持？（i18n教程）  电视网站制作tvbox接口,云海电视怎样自定义添加电视源？  焦点电影公司作品,电影焦点结局是什么？  Linux系统命令中screen命令详解  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  Laravel怎么进行数据库回滚_Laravel Migration数据库版本控制与回滚操作  javascript日期怎么处理_如何格式化输出  高防服务器：AI智能防御DDoS攻击与数据安全保障  Laravel怎么使用Session存储数据_Laravel会话管理与自定义驱动配置【详解】  Android使用GridView实现日历的简单功能  香港服务器如何优化才能显著提升网站加载速度？  JavaScript如何操作视频_媒体API怎么控制播放  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  Laravel项目如何进行性能优化_Laravel应用性能分析与优化技巧大全  Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】  LinuxCD持续部署教程_自动发布与回滚机制  php在windows下怎么调试_phpwindows环境调试操作说明【操作】  UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  BootStrap整体框架之基础布局组件  打开php文件提示内存不足_怎么调整php内存限制【解决方案】