mobiscroll-2.17.1demo及源文件

2025-02-22 技术教程

<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><title>Mobiscroll测试</title><scriptsrc="dist/js/jquery-1.11.3.min.js"></script><scriptsrc="dist/js/mobiscroll.custom.min.js"></script><linkhref="dist/css/mobiscroll.custom.min.css"rel="stylesheet"type="text/css"/><style>.section{position:relative;height:32px;padding-left:80px;padding-right:15px;margin-bottom:10px;box-sizing:border-box;}.sectionlabel{position:absolute;left:0;top:0;bottom:0;height:32px;line-height:32px;;font-size:12px;}.section>select,.section>input{width:100%;height:100%;display:block;padding:010px;box-sizing:border-box;}</style></head><body><divclass="section"><label>选择控件</label><selectid="demo_select"><optionvalue="">PleaseSelect</option><optionvalue="1">Atlanta</option><optionvalue="2">Berlin</option><optionvalue="3">Boston</option><optionvalue="4">Chicago</option><optionvalue="5">London</option><optionvalue="6">LosAngeles</option><optionvalue="7">NewYork</option><optionvalue="8">Paris</option><optionvalue="9">SanFrancisco</option></select></div><divclass="section"><label>日期控件</label><inputtype="text"id="demo_date"/></div><divclass="section"><label>日期时间控件</label><inputtype="text"id="demo_datetime"/></div><divclass="section"><label>时间控件</label><inputtype="text"id="demo_time"/></div><script>vartheme="ios";varmode="scroller";vardisplay="bottom";varlang="zh";//Selectdemoinitialization$('#demo_select').mobiscroll().select({theme:theme,//Specifythemelike:theme:'ios'oromitsettingtousedefaultmode:mode,//Specifyscrollermodelike:mode:'mixed'oromitsettingtousedefaultdisplay:display,//Specifydisplaymodelike:display:'bottom'oromitsettingtousedefaultlang:lang//Specifylanguagelike:lang:'pl'oromitsettingtousedefault});//Datedemoinitialization$('#demo_date').mobiscroll().date({theme:theme,//Specifythemelike:theme:'ios'oromitsettingtousedefaultmode:mode,//Specifyscrollermodelike:mode:'mixed'oromitsettingtousedefaultdisplay:display,//Specifydisplaymodelike:display:'bottom'oromitsettingtousedefaultlang:lang//Specifylanguagelike:lang:'pl'oromitsettingtousedefault});//Date&Timedemoinitialization$('#demo_datetime').mobiscroll().datetime({theme:theme,//Specifythemelike:theme:'ios'oromitsettingtousedefaultmode:mode,//Specifyscrollermodelike:mode:'mixed'oromitsettingtousedefaultdisplay:display,//Specifydisplaymodelike:display:'bottom'oromitsettingtousedefaultlang:lang,//Specifylanguagelike:lang:'pl'oromitsettingtousedefaultdateFormat:"yyyy-mm-dd",//minDate:newDate(2012,3,10,9,22),//MoreinfoaboutminDate:http://docs.mobiscroll.com/2-14-0/datetime#!opt-minDatemaxDate:newDate(2014,7,30,15,44),//MoreinfoaboutmaxDate:http://docs.mobiscroll.com/2-14-0/datetime#!opt-maxDatestepMinute:5//MoreinfoaboutstepMinute:http://docs.mobiscroll.com/2-14-0/datetime#!opt-stepMinute});//Timedemoinitialization$('#demo_time').mobiscroll().time({theme:theme,//Specifythemelike:theme:'ios'oromitsettingtousedefaultmode:mode,//Specifyscrollermodelike:mode:'mixed'oromitsettingtousedefaultdisplay:display,//Specifydisplaymodelike:display:'bottom'oromitsettingtousedefaultlang:lang//Specifylanguagelike:lang:'pl'oromitsettingtousedefault});</script></body></html>

附件：http://down.51cto.com/data/2366810