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只能有一個，如果都有默認用enableselected: [], // 已選擇的day，格式: '2016-01-01'callback: undefined // 點擊日期回調函數, callback(selectDateList)}

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

圖示:

本文已被整理到了《Vue.js前端組件學習教程》，歡迎大家學習閱讀。

關于vue.js組件的教程，請大家點擊專題vue.js組件學習教程進行學習。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。