jQuery datedropper 个性日期控件

移动端日期选择器datedropper以及时间选择器timedropper的使用方法介绍和相关API参数介绍

在线实例

实例演示

使用方法

1. <p>请选择日期：<input type="text" class="input" id="pickdate" /></p>
2. <p>请选择时间：<input type="text" class="input" id="picktime" /></p>

复制

1.     $("#pickdate").dateDropper({ 
2.         animate: false, 
3.         format: 'Y-m-d', 
4.         maxYear: '2020' 
5.     }); 
6.     $("#picktime").timeDropper({ 
7.         meridians: false, 
8.         format: 'HH:mm', 
9.         //meridians: false 
10.     });

复制

参数详解

参数	描述	默认值
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	自动设置当前时间	-

---

下载