位置: 编程技术 - 正文
推荐整理分享jQuery Mobile开发中日期插件Mobiscroll使用说明(jquery mobile开发环境),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:jquery开发工具,jquery mobile开发环境,jquery mobile开发工具,jquery mobile教程,jquery mobile开发app,jquery开发手册,jquery开发手册,jquery mobile开发app,内容如对您有帮助,希望把文章链接给更多的朋友!
近期在移动方面的开发,使用jQuery Mobile ,移动方面的插件不如Web 方面的插件多,选择的更少,有一些需要自己去封装,但功力尚不足啊。
日期插件JQM也提供了内置的,但样式方面不好看,只好百度、Google啦,找到了两款 jquery-mobile-datebox 和 mobiscroll-2.3
jqueryMobileDatebox 这个在板上的表现不好,性能方面有点卡
mobiscroll 性能方面比前者要好一些,效果更简洁 ,划动更流畅
放在一起对比下
各位看官,你们觉得哪个好看一些呢
反正我觉得 mobiscroll 效果比较好一些,好了来看一些这个家伙的使用方法吧
第一步:到官网去下载个压缩包,下载需要先注册然后才能下载。下载的时候你可以选择你使用的框架及皮肤样式等,看下图
到此假设你已经成功注册并下载啦
第二步、新建一个HTML5文件,引jquery.js,jquerymobile.js 等等必须的文件,编写如下代码到你的文件中:
我们可以这样去初始化日期控件:
预览下吧,是不是可以使用了呢!唯独这个界面是英文的,对于国人来说多少有点不爽,而官网又没有提供中文语言包,但没有关系,官网的API还是不错的,我们可以设置一些常用的属性使之符合常规的日期格式。
这样就OK啦 看下效果图吧
这下看的清楚了吧。不写啦,就这写这么多吧,官网的DOCS 写的很详细啦,在此不一一列出啦,有兴趣的朋友可以去研究下。
jQuery实现只允许输入数字和小数点的方法 本文实例讲述了jQuery实现只允许输入数字和小数点的方法。分享给大家供大家参考,具体如下:!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""
jquery单击事件和双击事件冲突解决方案 本人需要给bootstrap-treeview的树节点添加双击事件。而该插件原生方法中不带双击事件功能。该插件的节点默认绑定的单击事件,由此引起了单击事件和
jQuery日历插件datepicker用法详解 jQuery是一款不可多得的非常优秀的javascript脚本开发库,而基于其上的很多插件也是非常规范和卓越的,如果错过这番美景真是太可惜了,比如datepicker这
上一篇:jQuery判断浏览器并动态调整select宽度的方法(javascript判断浏览器)
下一篇:jQuery实现只允许输入数字和小数点的方法(jquery设置禁用)
友情链接: 武汉网站建设