使用Mobiscroll的说明 Mobiscroll是jQuery Mobile开发的一个日期插件

在移动最近的发展中，使用jQuery Mobile，移动端的插件没有Web端多，选择也少。他们中的一些人需要自己包装，但他们的技能还不够。

日期插件JQM也是内置的，但是风格不好看，所以百度和谷歌找了两个jquery-mobile-datebox和mobiscroll-2.3。

jqueryMobileDatebox在板上的表现并不好，性能有点卡。

Mobiscroll比前者性能更好，效果更简单，笔画更流畅。

把它们放在一起比较。

女士们先生们，你们觉得哪个更好？

反正我觉得mobiscroll效果更好。好吧，让我们来看看这家伙的一些使用方法。

第一步：去官网下载压缩包。下载前需要注册。下载时，可以选择自己使用的框架和皮肤样式，见下图。

假设您已成功注册并下载。

其次，创建一个新的HTML5文件，引入jquery.js、jquerymobile.js等必要的文件，将下面的代码写入到你的文件中：

Div数据-角色='字段包含'=txt birthday '出生日期的'标签:/labeinput type=' text '数据-角色=' datebox ' id=' txt birthday ' name='生日'/div我们可以如下初始化日期控件：

$(“input : jqmdata(角色=“datebox”)”)。mobiscroll()。date()；让我们预览一下，看看它是否可以使用！只有这个界面是英文的，对于中国人来说有些不舒服。不过官网没有提供中文语言包，不过没关系。官网的API还是不错的，我们可以设置一些常用属性来符合常规的日期格式。

//初始化日期控件var opt={preset: 'date '，//datetime : ' jqm '，//皮肤样式显示： 'modal '，//显示模式模式： 'clickpick '，//日期选择模式dateFormat: 'yy-mm-dd '，//日期格式setText: ' ok '，//确认按钮名称cancelText: ' cancel '，//取消按钮名称为my dateOrder: 'yymmdd '$(“input : jqmdata(角色=“datebox”)”)。mobiscroll(opt)；没关系。看效果图。

现在看清楚了。不，让我们在这里写这么多。官网的DOCS写的很详细，所以这里不一一列举。有兴趣的朋友可以研究一下。