基于vue的多功能时间选择器

我们在开发项目的时候,时常会有需求用到时间选择器,不同的项目需求可能会不一样。近期开发的几个项目中就有需求用到这样的选择器,由于以前有用到相关的组件,只是功能没有这么强大,趁着国庆放假的时间我就基于原组件添加了一些功能,现在也发布到npm包了,有需要的小伙伴可以直接安装依赖:npm install --save multifunctional-datepicker
当然,也可以直接git clone https://github.com/Jacky-MYD/multifunctional-datepicker.git中下载demo学习相关的用法,download下来demo后,直接输入命令:npm install,然后再输入:npm run dev就直接可以跑demo了。
下面就看一下该组件的效果图吧!

gif.gif

常规的需求效果图我就随便贴几张吧!
2_2.jpg

2.jpg
4_4.jpg
4.jpg
5_5.jpg
5.jpg

同样,小伙伴觉得可以优化的话,欢迎指点
源码下载地址:https://github.com/Jacky-MYD/multifunctional-datepicker

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,663评论 25 708
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,995评论 2 59
  • 三月的广州,本该是鸟语花香的季节,无奈天气阴沉沉的,颇有些燥热之感。大早背着包去公司加班,感觉心里说不出的难...
    流浪小猫阅读 849评论 4 2
  • iOS开发笔记-动画进阶开篇 前言: 我是一名刚工作半年的新手,目前在一家外包公司工作,因为公司项目比较多,短短半...
    大萌哥哥阅读 3,137评论 9 35
  • 中国人经常说“要学会做人”,也经常听到“三分做事,七分做人”的说法。年幼时对这些说法十分反感,觉得学技术才是最重要...
    IT咨询顾问罗以谨阅读 916评论 0 0