jQueryMobile移动网站开发之日期控件Mobiscroll2.5使用说明

作者：mobiledu2502927067 | 来源：互联网 | 2023-08-09 10:01

在用jQueryMobile做手机网站、需要用日期控件找了3个分别展示下：1.可以说是html5自己的<labelfor"date-1">购买时间*<l

在用jQuery Mobile 做手机网站、需要用日期控件找了3个分别展示下： 1.可以说是html5自己的购买时间*
重点就是 input type="date"这个属性效果图： jQuery Mobile 移动网站开发之日期控件Mobiscroll 2.5 使用说明

jQuery <wbr>Mobile <wbr>移动网站开发之日期控件Mobiscroll <wbr>2.5 <wbr>使用说明

效果和性能综合比较是属于经济实惠的 Iphone 显示和电脑显示完全两样 android 则无法显示所以pass掉。 2.第三方 datebox 购买时间*data-optiOns='{"mode": "datebox"}'> 主页:http://dev.jtsage.com/jQM-DateBox/ 运行效果： jQuery Mobile 移动网站开发之日期控件Mobiscroll 2.5 使用说明

挺好看、但是不实用手机电脑显示一样、android和iphone 都支持、可是有点卡也没有中文文档调整起来不方便 pass 并且需要在JQM的基础上添加JS链接：
3.找到了Mobiscroll、在博客园一位大神的文章里学的（http://www.cnblogs.com/hxling/archive/2012/12/12/2814207.html）效果图： jQuery Mobile 移动网站开发之日期控件Mobiscroll 2.5 使用说明

使用介绍：第一步：去官网http://download.mobiscroll.com/prod#/jqm/datetime/animation/jqmwidget下载样式和JS jQuery Mobile 移动网站开发之日期控件Mobiscroll 2.5 使用说明

第二部：在Asp界面、需要引入除Jqm的3个文件和下载到的CSS和JS
控件代码：

购买时间* id="frmMain_txt_SB_SERVERTIME" name="frmMain_txt_SB_SERVERTIME"/>

这样还没完、还要初始化日期控件： $('input:jqmData(role="datebox")').mobiscroll().date(); 此时的效果： jQuery Mobile 移动网站开发之日期控件Mobiscroll 2.5 使用说明

效果不错、在手机上也不会卡、但界面是英文的、对于国人来说多少有点不爽、而官网又没有提供中文语言包、但没有关系、官网的API还是不错的、我们可以设置一些常用的属性使之符合常规的日期格式。
//初始化日期控件 var opt = { preset: 'date', //日期 theme: 'jqm', //皮肤样式 display: 'modal', //显示方式 mode: 'clickpick', //日期选择模式 dateFormat: 'yy-mm-dd', // 日期格式 setText: '确定', //确认按钮名称 cancelText: '取消',//取消按钮名籍我 dateOrder: 'yymmdd', //面板中日期排列格式 dayText: '日', monthText: '月', yearText: '年', //面板中年月日文字 endYear:2020 //结束年份 }; $('input:jqmData(role="datebox")').mobiscroll(opt); 最终效果就是 jQuery Mobile 移动网站开发之日期控件Mobiscroll 2.5 使用说明

官网的DOCS 写的很详细、文档API 地址：http://docs.mobiscroll.com/

附完整JS代码
顺便说下Jqm的屏蔽Ajax功能

推荐阅读

javascript
用JavaScript实现的太空人手表

用JavaScript实现的太空人手表-JS写的太空人手表，没有用canvas、svg。主要用几个大的函数来动态显示时间、天气这些。天气的获取用到了AJAX请求。代码中有详细的注释 ... [详细]

蜡笔小新 2023-10-13 17:21:38
js
WebSocket与Socket.io的理解

WebSocketprotocol是HTML5一种新的协议。它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送 ... [详细]

蜡笔小新 2023-12-12 19:35:15
javascript
与Internet Explorer的Fancybox Iframe错误 - Fancybox Iframe bug with internet explorer

ImgettingabugwithInternetExplorer.Theiframedoesnthavecorrectsizeanditisdisplayedo ... [详细]

蜡笔小新 2023-10-12 20:54:23
object
如何使用Java获取服务器硬件信息和磁盘负载率

本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务，并获取服务器的磁盘信息，并将结果输出。然后在本地使用JS编写一个AJAX脚本，远程请求服务端的程序，得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]

蜡笔小新 2023-12-14 13:56:20
js
ABAP开发发送邮件程序的配置和代码整理

本文介绍了通过ABAP开发往外网发邮件的需求，并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定，可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度：184字。 ... [详细]

蜡笔小新 2023-12-13 15:50:17
js
Unity3D引擎的体系结构和功能详解

本文详细介绍了Unity3D引擎的体系结构和功能。Unity3D是一个屡获殊荣的工具，用于创建交互式3D应用程序。它由游戏引擎和编辑器组成，支持C#、Boo和JavaScript脚本编程。该引擎涵盖了声音、图形、物理和网络功能等主题。Unity编辑器具有多语言脚本编辑器和预制装配系统等特点。本文还介绍了Unity的许可证情况。Unity基本功能有限的免费，适用于PC、MAC和Web开发。其他平台或完整的功能集需要购买许可证。 ... [详细]

蜡笔小新 2023-12-10 11:01:31
go
PL/SQL Developer使用技巧(转)

1、PLSQLDeveloper记住登陆密码在使用PLSQLDeveloper时，为了工作方便希望PLSQLDeveloper记住登录Oracle的用户名和密码&#x ... [详细]

蜡笔小新 2023-10-17 13:32:32
object
jQuery的 $when()

某天看jQuey的deffered对象的时候，突然想起了曾经面试的一个关于ajax的问题，就是同时发送三个ajax请求，当三个请求都成功的时候输出1，当时不知道jQuery的$.w ... [详细]

蜡笔小新 2023-10-16 09:13:16
string
用jQuery做定位元素，做自动化测试你尝试过吗

一、前言元素定位可以说是学自动化测试中必会技能之一，也可以说是通往自动化之路的开门钥匙。就元素定位方法，除了我们常用并熟知的8种元素定位方法之外，还有一种定位方法可以说是一种特殊的 ... [详细]

蜡笔小新 2023-10-14 16:45:42
go
将两个内嵌块左右对齐放在同一行上 - Align two inline-blocks on same line, one to the left and one to the right

HowcanIaligntwoinline-blockssothatoneisleftandtheotherisrightonthesameline?Whyi ... [详细]

蜡笔小新 2023-10-14 08:37:52
javascript
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法

但有时候，需要当某事件触发时，我们先做一些操作，然后再跳转，这时，就要用JAVASCRIPT来实现这一跳转功能。下面是具体的做法：一：跳转到新页面，并且是在新窗口中打开时:复制代码代码如下:fu ... [详细]

蜡笔小新 2023-10-13 12:25:13
javascript
Flex是咋回事之一集CS和BS之大成的RIA

用了一年多Flex，感触多多。偶尔有同行的朋友问我啥是Flex，说实话，一时半会儿我还真说不清楚。尤其是对于一个从未接触过Flex的朋友，想要由浅入深地只用嘴巴不用电脑给他讲明白，这确实难为 ... [详细]

蜡笔小新 2023-10-12 19:29:24
javascript
“把脚本放在底部”是正确的吗？ - Is “Put Scripts at the Bottom” Correct?

IntheBestPracticestoimprovewebsitePerformancehttp:developer.yahoo.comperformancerules.h ... [详细]

蜡笔小新 2023-10-12 18:40:17
js
前端人员必须知道的三个问题及其发展阶段

本文介绍了前端人员必须知道的三个问题，即前端都做哪些事、前端都需要哪些技术，以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外，还介绍了一些后端服务，如Node.js。 ... [详细]

蜡笔小新 2023-12-12 12:45:59
object
Spark实现高斯朴素贝叶斯模型的低配版

本文介绍了使用Spark实现低配版高斯朴素贝叶斯模型的原因和原理。随着数据量的增大，单机上运行高斯朴素贝叶斯模型会变得很慢，因此考虑使用Spark来加速运行。然而，Spark的MLlib并没有实现高斯朴素贝叶斯模型，因此需要自己动手实现。文章还介绍了朴素贝叶斯的原理和公式，并对具有多个特征和类别的模型进行了讨论。最后，作者总结了实现低配版高斯朴素贝叶斯模型的步骤。 ... [详细]

蜡笔小新 2023-12-10 21:42:37

mobiledu2502927067

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章