如何做出mobiscroll日期选择控件滚轮的效果?
新建一个HTML5文件,引jquery.js,jquerymobile.js 等等必须的文件,编写如下代码到你的文件中:
我们可以这样去初始化日期控件: $(input:jqmData(role="datebox")).mobiscroll().date() 预览下吧,是不是可以使用了呢!唯独这个界面是英文的,对于国人来说多少有点不爽,而官网又没有提供中文语言包,但没有关系,官网的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)