我們在開發(fā)項(xiàng)目的時(shí)候,時(shí)常會(huì)有需求用到時(shí)間選擇器,不同的項(xiàng)目需求可能會(huì)不一樣。近期開發(fā)的幾個(gè)項(xiàng)目中就有需求用到這樣的選擇器,由于以前有用到相關(guān)的組件,只是功能沒有這么強(qiáng)大,趁著國慶放假的時(shí)間我就基于原組件添加了一些功能,現(xiàn)在也發(fā)布到npm包了,有需要的小伙伴可以直接安裝依賴:npm install --save multifunctional-datepicker
當(dāng)然,也可以直接git clone https://github.com/Jacky-MYD/multifunctional-datepicker.git中下載demo學(xué)習(xí)相關(guān)的用法,download下來demo后,直接輸入命令:npm install,然后再輸入:npm run dev就直接可以跑demo了。
下面就看一下該組件的效果圖吧!

gif.gif
常規(guī)的需求效果圖我就隨便貼幾張吧!

2_2.jpg

2.jpg

4_4.jpg

4.jpg

5_5.jpg

5.jpg
同樣,小伙伴覺得可以優(yōu)化的話,歡迎指點(diǎn)
源碼下載地址:https://github.com/Jacky-MYD/multifunctional-datepicker