使用非常简单,三步,
1。引入相关js和css文件。注意datedropper和timedropper都是基于jQuery的插件,所以还必须引入jQuery库文件。
$("#pickdate").dateDropper();然后,您可以根据需要适当配置一些选项。 datedropper 提供以下基本选项设置:
animate:显示动画效果。设置为 true 时,选择器面板中的日期将以动画形式滚动到当前日期。默认为 true。
init_animation:点击弹出面板时的动画效果,包括fadeIn(默认)、bounce、dropDown。
format:格式化日期,我已将默认格式更改为Y-m-d。
lang:语言,我已经把插件默认的月份和星期翻译成中文了。
maxYear:最大年份,默认为当前年份。
minYear:最小年份,默认1970。
yearsRange:年份范围,默认为10年。
dateDropper 还提供皮肤样式设置。
时间滴管 时间滴管
与日期选择器一样,它很容易使用。
1。导入js和css文件。
$("#picktime").timeDropper();timeDropper 提供以下基本选项设置:
经络:是否使用12小时格式。默认为 12 小时格式。如果设置为 false,则为 24 小时格式。
format:格式,HH:mm 如02:12。
init_animation:动画形式,fadeIn(默认),dropDown。
setCurrentTime:自动设置当前时间。
timeDropper还提供皮肤样式设置。
JQuery移动日期(datedropper)和时间(timedropper)选择器内容就给大家介绍这么多了。有兴趣的朋友可以查看效果演示并下载源码!