当前位置:科技动态 > jQuery移动日期(datedropper)和时间(timedropper)选择器附源码下载【jquery】

jQuery移动日期(datedropper)和时间(timedropper)选择器附源码下载【jquery】

  • 发布:2023-10-06 08:46

web前端| Node.js 教程 jquery 日期和时间选择器、移动日期和时间选择器
Web前端js教程
我们经常应用日期和时间选择器。之前我们用得最多的是jQuery UI的datepicker()。那么今天我将向您介绍一个非常有趣的日期和时间选择器。时间选择器,分为日期选择器datedropper和时间选择器timedropper,两者都特别适合移动端的应用。
管理系统html源代码,Ubuntu电视盒,爬虫沙何,linkagesphp,文章seo优秀lzw
博客html模板源代码,如何在ubuntu中执行pl,手机无法管理tomcat、python爬虫自动播报、PHP网站建设与管理总结、seo爬虫内容lzw
在线演示源码下载
专宝科程序源码、vscode中文提醒、ubuntu中文还是英文state、nginx挂载tomcat、poco sqlite3、放大图片插件、seo前端框架、如何消除多腿爬虫、php汉字乱码、文章站seo、如何修改网站底部,有ivo浏览网页没有图片,喜欢模板lzw
日期选择器datedropper

使用非常简单,三步,

1。引入相关js和css文件。注意datedropper和timedropper都是基于jQuery的插件,所以还必须引入jQuery库文件。

2。将 html 安排在正文中。 

3。致电 datedropper

 $("#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文件。

2。将 html 安排在正文中。 

3。呼叫timedropper

 $("#picktime").timeDropper(); 
timeDropper 提供以下基本选项设置:

经络:是否使用12小时格式。默认为 12 小时格式。如果设置为 false,则为 24 小时格式。

format:格式,HH:mm 如02:12。

init_animation:动画形式,fadeIn(默认),dropDown。

setCurrentTime:自动设置当前时间。

timeDropper还提供皮肤样式设置。

JQuery移动日期(datedropper)和时间(timedropper)选择器内容就给大家介绍这么多了。有兴趣的朋友可以查看效果演示并下载源码!

发表于未分类 | 标记jquery日期和时间选择器,移动日期和时间选择器
© 2023 刘大树博客 | www.sychzs.cn
网站部分内容来自网友。如有侵权,请联系我们删除,970928#www.sychzs.cn

相关文章

最新资讯

热门推荐