如何使用jQuery移动插件——Mobiscroll

  

首先让大家看看Mobiscroll的界面是什么样的如何使用jQuery移动插件——Mobiscroll”>,是不是很像闹钟呀?这种效果是怎么做出来的呢? </p> <p>先下载Mobiscroll,然后把其中的css和javascript文件导入,注意:图片要和css在同一个目录下,不然会找不到的<img src= & lt; div  data-role=癴ieldcontain”比,,,,,   & lt; label =" txtBirthday "祝辞Select 日期:& lt;/label>,,,,   & lt; input 类型=拔谋尽?data-role=癲atebox”,,, id=皌xtBirthday”, name=" txtBirthday ",/在,,,,   & lt;/div>

还没完呢,还要初始化日期控件

& lt; script  type=" text/javascript祝辞   $(文档)时函数(){   ,,,$('输入:jqmData(角色=癲atebox”) ') .mobiscroll () .date ();   });   & lt;/script>

当然,这个还不能满足我们中国人的使用,要是想习惯我们中国人的习惯,还是要加上一下代码

& lt; script  type=" text/javascript祝辞   $(文档)时函数(){   ,,,var  opt =, {   ,,,,,,,,,,,,,,,预设:,“日期”,,//日期   ,,,,,,,,,,,,,,,显示:,“模态”,,//显示方式,   ,,,,,,,,,,,,,,,dateFormat:,‘yy-mm-dd’,,//,日期格式   ,,,,,,,,,,,,,,,setText:,“确定的,,//确认按钮名称   ,,,,,,,,,,,,,,,cancelText:,“取消',//取消按钮名籍我   ,,,,,,,,,,,,,,,dateOrder:,‘yymmdd’,,//面板中日期排列格式   ,,,,,,,,,,,,,,,dayText:,“日”,monthText:,“月”,yearText:,‘年’,,//面板中年月日文字   ,,,,,,,,,,,,,,,endYear: 2020,//结束年份   ,,,,,,,,,,,};   ,,,,,,,,,,,美元(“输入:jqmData(角色=癲atebox”) ') .mobiscroll () .date(选择);   });   & lt;/script>

这样的话就适合中国人使用啦,啊哈哈!

如何使用jQuery移动插件——Mobiscroll