星空网 > 软件开发 > Java

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

下载

 




原标题:jQuery datedropper 个性日期控件

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流