当前位置:首页>开发>正文

如何做出mobiscroll日期选择控件滚轮的效果

2024-07-31 04:52:18 互联网 未知 开发

如何做出mobiscroll日期选择控件滚轮的效果?

如何做出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)