js日期控件_11个开源的Github开源日期选择器组件,供你选择
介绍
本文主要介绍几个Vue的时间日期选择器组件,目的在于让开发者们多一些选择,不管是从功能还是从样式,都可以选择一个适合的组件,这些组件没有绝对的好与不好,就看个人如何选择了,以下分别介绍十一个日期选择器,包含移动端和PC端,且全部开源:
1. vue-DateTime2. vue-hotel-datepicker3. vue-datetime-picker4. VueCtkDateTimePicker5. VueRangedatePicker6. Vuetify Daterange Picker7. Vue date pick8.Vue Date Picker9. vue-timeselector10. vue-mj-daterangepicker11. VueDT
1、vue-DateTime
Vue的移动友好型DateTime选择器;该Vue组件支持日期,日期时间和时间模式,i18n(国际化)和禁用日期:
https://github.com/mariomka/vue-datetime
2、vue-hotel-datepicker
Vue.js的响应日期范围选择器,它显示所选的夜晚数量,并允许几个有用的选项,例如自定义入住/退房规则,本地化支持等:
https://github.com/krystalcampioni/vue-hotel-datepickernpm install vue-hotel-datepicker --saveimport HotelDatePicker from 'vue-hotel-datepicker'export default { components: { HotelDatePicker, },}
3、vue-datetime-picker
使用Eonasdan的bootstrap DateTime picker插件实现DateTime picker控件:
https://github.com/Haixing-Hu/vue-datetime-picker
4、VueCtkDateTimePicker
用于选择日期和时间(范围模式),该Vue日期选择器组件也支持暗模式
https://github.com/chronotruck/vue-ctk-date-time-picker
5、VueRangedatePicker
范围日期选择器,用法简单。该组件易于使用,并具有带范围选择的日期选择器。
https://github.com/bliblidotcom/vue-rangedate-picker
6、Vuetify Daterange Picker
Vuetify JS缺少日期范围选择器,与@ vue / cli 3和最新的Vuetify兼容
https://github.com/praveenpuglia/vuetify-daterange-picker
7、Vue date pick
基于Vue的轻量级和移动友好型日期时间选择器。Vue date pick强调在所有屏幕尺寸上的性能,优雅且可用的用户界面以及配置的简单性。不依赖CSS框架或日期库。体积小于5KB
https://github.com/dbrekalo/vue-date-pick
8、Vue Date Picker
受material design启发的Vue日期选择器组件
https://github.com/ridewn/vue-date-picker
9、vue-timeselector
简单的可自定义Vue.js时间选择器组件。Vue时间选择器是Vue(2.x)组件,可根据多个选项选择时间。
https://github.com/alexiscolin/vue-timeselector
10、vue-mj-daterangepicker
Vue.js日期范围选择器,具有多个范围和预设,此组件提供对vue 2.x +版本的支持
https://github.com/damienroche/vue-mj-daterangepicker
11、VueDT
一个非常轻量级Vuejs日期和时间选择器组件,该轻量级组件只有5kb的大小,可以进一步缩小和压缩。
https://github.com/nkoehring/vuedt
总结
作为Vue开发人员,拥有并使用正确的Vue Component无疑会简化你的应用开发。首选特定某个Vue组件的项都归结为它们的用途。功能齐全,易于使用,可移动性或简便性,以上时间日期选择器全部都是免费开源的,部分介绍为浏览器翻译,不过你随时可以到Github上查看使用,Enjoy it!
js日期控件_11个开源的Github开源日期选择器组件,供你选择相关推荐
- 精确到秒的JQuery日期控件,jquery日历插件,jquery日期插件
2019独角兽企业重金招聘Python工程师标准>>> 效果图如下: 首先在页面中引用一下库: <link type="text/css" href=&qu ...
- python选择日期控件_Python3 自己写了个DateCtrl日期控件 | 学步园
我想在Python中找个像是VC中CDateTimeCtrl控件一样选择日期的控件没找着,谁知到告诉我啊 后来我自己写了一个,代码如下: --------------------------DateC ...
- Android底部日期控件,Android开发中实现IOS风格底部选择器(支持时间 日期 自定义)...
本文Github代码链接 先上图吧: 这是笔者最近一个项目一直再用的一个选择器库,自己也在其中做了修改,并决定持续维护下去. 先看使用方法: 日期选择: private void showDateDi ...
- [React] antd DatePicker 时间日期控件,禁用今日之前/之后的日期
官方文档:https://ant.design/components/date-picker-cn/#API yarn add moment import moment from 'moment' / ...
- html日期横向拖动选择控件,一个简单横向javascript日期控件
具体要求就是: 1.日期表格横向占满页面. 2.每个月的日期列表横向显示在一排,而不是像网上的很多日期控件显示一个方块. 3.要求只有年月日可选,选择年或月后自动更新对应日期(这个每个日期控件都有的) ...
- 在jsp页面中使用My97DatePicker日期控件
直接看图看代码! My97DatePicker日期控件是一个功能非常强大的日期插件,功能丰富,调用方便,配置也很灵活!至于该日期插件为什么要叫My97DatePicker这个名字呢?这个你们要去问作者 ...
- python 日历控件_python selenium 处理时间日期控件(十六)
测试过程中经常遇到时间控件,需要我们来选择日期,一般处理时间控件通过层级定位来操作或者通过调用js来实现. 1.首先我们看一下如何通过层级定位来操作时间控件. 通过示例图可以看到,日期控件是无法输入日 ...
- ASP.NET中 Calendar(日期控件)的使用
ylbtech-ASP.NET-Control-Basic:Calendar(日期控件)的使用 ASP.NET中 Calendar(日期控件)的使用. 1.A,运行效果返回顶部 Calendar(日期 ...
- 【Axure】Axure RP制作日期控件
第一次画原型图的时候发现元件居然没有日期控件,原来需要自己画:看到别人的以为很复杂,自己网上查了一遍发现原来还很简单 参考链接:Axure日期控件 - 简书 (jianshu.com) 1.拖拽&qu ...
最新文章
- Nature子刊封面:浙大王蒙岑组揭示水稻种子内生菌抗病新功能
- Window.Open() 和 window.showModalDialog()参数
- .NET Core接入ElasticSearch 7.5
- excel表中怎么插入visio_Excel工作表中的排序,你真的掌握吗?10张动图带你了解!...
- shell脚本基本使用
- 日本語の勉強の日記 十七回
- 文件存储-CephFS
- python两个csv表数据合并_python 如何把两个表格数据,合并为一个呢?
- 深入理解Flash的沙箱 – Application Domains
- ROS环境下使用WHEELTEC N100惯导模块
- python爬取bilibili弹幕_爬取Bilibili弹幕并制作词云图
- 计算机知识大赛五书,2017昆山千灯镇事业单位考试常识——昆山市情解析
- java校验集装箱柜号是否正确
- 中国象棋局面识别 -2.象棋棋子的识别
- auto uninstaller 9.3.28下载安装教程
- 为什么计算机领域没有诺贝尔奖,为什么没有数学家获得诺贝尔奖
- 02-02-JS-jQuery-HTTP-Servlet
- STM32掌机教程3,工程模板与带灯按键测试
- centos7中Nginx服务器的安装教程
- 西门子plc如何用c语言编程软件下载,s7一200编程软件下载安装