vue日期組件 支持vue1.0和2.0
vue-datetime
使用vue編寫的時間組件,小巧實用,支持vue1.0,vue2.0
v1.0 功能:
1.支持同時展開多個日期選擇框
2.支持單擊選中和取消,可配置單選和多選
3.支持雙擊啟動連續(xù)選擇,支持正向連續(xù),逆向連續(xù)和跳躍不可選日期
4.支持在日期選擇框內(nèi)直接切換月份
5.支持初始化不可點擊日期(剩余的可選擇)
6.支持初始化已選擇日期(已選擇日期高亮)
7.支持初始化可選擇日期(剩余的不可選擇)
8.同時初始化不可點擊和可點擊日期,將以可點擊日期為準
v1.1:
1.修復已知bug
v1.2:
1.重構(gòu)代碼,使代碼更優(yōu)雅和簡潔
2.性能優(yōu)化
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 // 點擊日期回調(diào)函數(shù), callback(selectDateList) }
github源碼地址;https://github.com/Stephen1993/vue-datetime
圖示:
本文已被整理到了《Vue.js前端組件學習教程》,歡迎大家學習閱讀。
關(guān)于vue.js組件的教程,請大家點擊專題vue.js組件學習教程進行學習。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Vue3 去除 vue warn 及生產(chǎn)環(huán)境去除console.log的方法
這篇文章主要介紹了Vue3 去除 vue warn 及生產(chǎn)環(huán)境去除console.log的方法,本文結(jié)合實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-06-06vue代理請求之Request?failed?with?status?code?404問題及解決
這篇文章主要介紹了vue代理請求之Request?failed?with?status?code?404問題及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-07-07vue對插件(iview,elementui,treeselect)樣式的局部修改方式
這篇文章主要介紹了vue對插件(iview,elementui,treeselect)樣式的局部修改方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-07-07前端vue項目如何使用Decimal.js做加減乘除求余運算
decimal.js是使用的二進制來計算的,可以更好地實現(xiàn)格化式數(shù)學運算,對數(shù)字進行高精度處理,使用decimal類型處理數(shù)據(jù)可以保證數(shù)據(jù)計算更為精確,這篇文章主要給大家介紹了關(guān)于前端vue項目如何使用Decimal.js做加減乘除求余運算的相關(guān)資料,需要的朋友可以參考下2024-05-05Vue.js使用$.ajax和vue-resource實現(xiàn)OAuth的注冊、登錄、注銷和API調(diào)用
這篇文章主要介紹了 Vue.js使用$.ajax和vue-resource實現(xiàn)OAuth的注冊、登錄、注銷和API調(diào)用,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05