mobiscroll 一个很好用的前端插件
来源:互联网 发布:jira 数据库配置 编辑:程序博客网 时间:2024/05/16 05:36
1、附上api官网地址
我是飞机票,点我
基础的东西这里不介绍,官网和很多博客上面都有写。
2、mobiscroll是一款手机端很好用的下拉插件,说实在话,这个插件在官方其实给的demo过多,导致了我对这个插件有个意见,就是看着像是静态页用的,但我们很多项目都是动态页面,咋办呢,后来发现其实只要将所有要用到这个样式的下拉框给个公共属性,比如说class样式,我们就可以一起用到了,附上例子:
只要给这个方法一写必要的初始化json,绑定之后就能够显示漂亮的样式啦:
$(function () {var opt = { 'default': { theme: 'default', mode: 'scroller', display: 'modal', animate: 'fade' }, 'select': { preset: 'select' }, }$('.demo-test-select').scroller($.extend(opt['select'],opt['default']));});
3、当然,这个插件最大的作用还是手机端的时间选择器,我们项目经常用到的是对开始日期选择的限制,比如开始日期只能是从今天往后的第3天,那么就要对opt里面 的参数做一点限制:
var opt = { 'dateYMD': { preset: 'date', dateFormat: 'yyyy-mm-dd', defaultValue: new Date(new Date()), minDate: new Date(date1.split("-")[0], Number(date1.split("-")[1])-1, date1.split("-")[2]),//月份小一个月 maxDate: new Date(date2.split("-")[0], Number(date2.split("-")[1])-1, date2.split("-")[2]),//月份小一个月 }, }
限制了开始日期选择的最大时间和最小时间。
未完待续......
阅读全文
0 0
- mobiscroll 一个很好用的前端插件
- ECharts 一个很好用的JS插件
- mobiscroll时间插件的用法
- jquery mobile mobiscroll 日期插件使 用mobiscroll
- 一个前端学习的很好的网站
- 发现一个学前端很好的地方
- 介绍一个很好用的图片浏览插件iviewer
- 分享一个很好用的验证码插件代码
- 推荐一个很好用的 Android Studio 插件
- 一款不错的JS日期插件 Mobiscroll
- mobiscroll js日期插件的基本案例
- 一个很好玩的firefox插件-FoxTab
- 一个很好的时间日期插件用法
- 很好用的Xpath插件
- 送给大家一个很好的Web前端开发工具
- mobiscroll插件使用
- mobiscroll 日期插件 详解
- mobiscroll calendar插件
- R语言入门:大数据人才缺口巨大,现在学习还不晚
- idea忽略大小写
- MFC中坐标系及其关系
- 用心生活
- Admob高级技巧
- mobiscroll 一个很好用的前端插件
- 我和Android的开始
- Spring与Quartz的整合实现定时任务调度
- leetcode 467. Unique Substrings in Wraparound String
- 深度克隆,原型模式
- 降雨等级划分标准
- 记个小问题:NestedScrollView+RecyclerView冲突,滑动黏连
- java 开发模式
- Java Runtime exec的挂掉问题,