Zebra Datepicker JavaScript日期选择器
功能丰富的 Zebra Datepicker 是前端表单里比较常用的一个日期插件,适合要让用户选日期的场景,比如日程安排、预约系统这些。
安装方式也挺灵活的,你可以直接从 GitHub 或官网拿到压缩包,再把它的.css
和.js
文件通过<link>;
和[removed];
标签引进来就行,部署起来也不难。
调用方法比较简单,直接绑定到输入框上就可以了,比如你有个id="myInput"
的输入框,只要一句document.getElementById('myInput').attachDatepicker();
就能用上。
配置选项也全,像language
可以设成中文,format
支持YYYY-MM-DD
这种格式,还有默认值、日期范围、星期起始日这些常用功能,基本该有的它都有。
事件接口方面也不含糊,有onSelect
、onOpen
、onClose
这几个常用回调,想加点交互逻辑的话,比如选中日期就发求,写起来也不麻烦。
样式定制算是比较好改的,默认样式都写在zebra_datepicker.css
里,你直接改或者覆盖都行,像想把弹窗调成 250px 宽,只要加一段.dp { width: 250px; }
就行。
如果你在找一个上手快、功能也不差的日期选择插件,Zebra Datepicker 是个蛮不错的选择,是用原生 JS 写项目的时候,省事又好用。
zebra-datepicker.日期选择器.rar
预估大小:12个文件
zebra-datepicker.日期选择器
文件夹
examples
文件夹
index.html
5KB
public
文件夹
css
文件夹
index.html
116B
reset.css
3KB
style.css
1KB
index.html
116B
javascript
文件夹
53.97KB
文件大小:
评论区