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

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

vue-datetime

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

v1.0 功能:

1.支持同时展开多个日期选择框

2.支持单击选中和取消，可配置单选和多选

3.支持双击启动连续选择，支持正向连续，逆向连续和跳跃不可选日期

4.支持在日期选择框内直接切换月份nVMjHFnHVa

5.支持初始化不可点击日期(剩余的可选择)

6.支持初始化已选择日期(已选择日期高亮)

7.支持初始化可选http://择日期(剩余的不可选择)

8.同时初始化不可点击和可点击日期，将以可点击日期为准

v1.1:

1.修复已知bug

v1.2:

1.重构代码，使代码更优雅和简洁

2.性能优化

3.完善功能，使多时间框和原地切换时间共存

4.支持不传入options 和datelist的使，默认显示当前日期并且可原地切换日期

用法：

datelist = [

{

year: undefined, // 日期初始年, 默认当前年

month: undefined, // 日期初始月, 默认当前月

multiSelect: true, // 日期是否可多选

switch: false // 当前日期框是否支持切换年月份

}

]

options = {

disable: [], // 不可选日期，格式: '2016-01-01'

// enable: [], // 可选日期，格式: '2016-01-01'，enable和disable只能有一个，如果都有默认用enable

selnVMjHFnHVaected: [], // 已选择的day，格式: '2016-01-01'

callback: undefined // 点击日期回调函数, callback(selectDateList)

}

github源码地址；https://github.com/Stephen1993/vue-datetime

图示:

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

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。