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 dropDownfadeIn
setCurrentTime自动设置当前时间-

相关推荐