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
评论区