Zebra Datepicker JavaScript日期选择器

功能丰富的 Zebra Datepicker 是前端表单里比较常用的一个日期插件,适合要让用户选日期的场景,比如日程安排、预约系统这些。

安装方式也挺灵活的,你可以直接从 GitHub 或官网拿到压缩包,再把它的.css.js文件通过<link>;[removed];标签引进来就行,部署起来也不难。

调用方法比较简单,直接绑定到输入框上就可以了,比如你有个id="myInput"的输入框,只要一句document.getElementById('myInput').attachDatepicker();就能用上。

配置选项也全,像language可以设成中文,format支持YYYY-MM-DD这种格式,还有默认值、日期范围、星期起始日这些常用功能,基本该有的它都有。

事件接口方面也不含糊,有onSelectonOpenonClose这几个常用回调,想加点交互逻辑的话,比如选中日期就发求,写起来也不麻烦。

样式定制算是比较好改的,默认样式都写在zebra_datepicker.css里,你直接改或者覆盖都行,像想把弹窗调成 250px 宽,只要加一段.dp { width: 250px; }就行。

如果你在找一个上手快、功能也不差的日期选择插件,Zebra Datepicker 是个蛮不错的选择,是用原生 JS 写项目的时候,省事又好用。

rar
zebra-datepicker.日期选择器.rar 预估大小:12个文件
folder
zebra-datepicker.日期选择器 文件夹
folder
examples 文件夹
file
index.html 5KB
folder
public 文件夹
folder
css 文件夹
file
index.html 116B
file
reset.css 3KB
file
style.css 1KB
file
index.html 116B
folder
javascript 文件夹
file
jquery-1.6.2.js 89KB
file
index.html 116B
file
functions.js 890B
folder
public 文件夹
folder
css 文件夹
file
calendar.png 218B
file
zebra_datepicker.css 4KB
folder
javascript 文件夹
file
zebra_datepicker.src.js 67KB
file
zebra_datepicker.js 12KB
rar 文件大小:53.97KB