首页 > Web开发 > 详细

jQuery datedropper 个性日期控件

时间:2016-07-21 02:13:28      阅读:886      评论:0      收藏:0      [点我收藏+]

移动端日期选择器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 自动设置当前时间 -

?

jQuery datedropper 个性日期控件

原文:http://zaixianshouce.iteye.com/blog/2311808

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!