jQuery datedropper 个性日期控件
移动端日期选择器datedropper以及时间选择器timedropper的使用方法介绍和相关API参数介绍
在线实例
使用方法
<p>请选择日期：<input type="text" class="input" id="pickdate" /></p> <p>请选择时间：<input type="text" class="input" id="picktime" /></p>
$("#pickdate").dateDropper({
animate: false,
format: 'Y-m-d',
maxYear: '2020'
});
$("#picktime").timeDropper({
meridians: false,
format: 'HH:mm',
//meridians: false
});参数详解
| 参数 | 描述 | 默认值 |
datedropper相关API | ||
| animate | 展示动画效果 | true |
| init_animation | 点击弹出面板时的动画效果，有fadeIn, bounce, dropDown三种效果。 | fadeIn |
| format | 格式化日期 | Y-m-d |
| lang | 语言 | 中文 |
| maxYear | 最大年份 | 当前年份 |
| minYear | 最小年份 | 1970 |
| yearsRange | 年份范围 | 10 |
timeDropper相关API | ||
| meridians | 是否12小时制 | false24小时制 |
| format | 格式化，HH:mm如02:12 | - |
| init_animation | 动画形式，fadeIn dropDown | fadeIn |
| setCurrentTime | 自动设置当前时间 | - |
云盘内容
| 文件 | jQuery插件大全打包 |
| 内容 | HTML5+CSS3+PHP+jQuery等示例 |
| 大小 | 170M（300+个文件） |
注意：示例只是当前的内容，【下载】的是全部jQuery插件一起打包后的文件。