Mobiscroll — 配合jQuery Mobile 的日期选择控件附DEMO
2014-07-09 17:15
381 查看
官方demo:http://demo.mobiscroll.com/
<script type="text/javascript" src="../../mweb_js/jquery-1.9.1.js"></script> <script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.core-2.5.2.js"></script> <script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.core-2.5.2-zh.js"></script> <link type="text/css" rel="stylesheet" href="../../mweb_css/datepicker/mobiscroll.core-2.5.2.css"/> <link type="text/css" rel="stylesheet" href="../../mweb_css/datepicker/mobiscroll.animation-2.5.2.css"/> <script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.datetime-2.5.1.js"></script> <script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.datetime-2.5.1-zh.js"></script> <!-- 可根据自己喜好引入样式风格文件 --> <link type="text/css" rel="stylesheet" href="../../mweb_css/datepicker/mobiscroll.android-ics-2.5.2.css"/> <script type="text/javascript" src="../../mweb_js/datepicker/mobiscroll.android-ics-2.5.2.js"></script> <script type="text/javascript"> $(function () { var currYear = (new Date()).getFullYear(); var opt={}; opt.date = {preset : 'date'}; //opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5 }; opt.datetime = {preset : 'datetime'}; opt.time = {preset : 'time'}; opt.default = { theme: 'android-ics light', //皮肤样式 display: 'modal', //显示方式 mode: 'scroller', //日期选择模式 dateFormat: 'yyyy-mm-dd', // 日期格式 lang:'zh', startYear:currYear - 100, //开始年份 endYear:currYear, //结束年份 onSelect:function(){ setEndDate();//点击确认后函数 } }; $("#effe_date").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default'])); var optDateTime = $.extend(opt['datetime'], opt['default']); var optTime = $.extend(opt['time'], opt['default']); }); </script>
插件下载
插件下载-破解附demo
相关文章推荐
- jQuery Mobile 移动网站开发之日期控件Mobiscroll 2.5 使用说明
- jQuery Mobile 移动网站开发之日期控件Mobiscroll 2.5 使用说明
- jQuery Mobile 移动网站开发之日期控件Mobiscroll 2.5 使用说明
- 日期选择控件mobiscroll 自定义样式
- 日期选择控件bootstrap-datetimepicker demo
- Eric的日期选择下拉列表小控件
- 打造完美SWT日期选择控件:(一)寻找、比较轮子
- 在ASP.NET中用三个DropDownList控件方便的选择日期
- 日期选择控件
- [转贴]原创控件代码共享--日期选择控件
- 打造完美SWT日期选择控件:(八)未完的结束
- 一个日期选择控件,(半原创)
- 个人认为不错的好的源代码的日期选择控件
- 推荐两个不错的下拉式日期选择控件
- 打造完美SWT日期选择控件:(五)控制年月
- 打造完美SWT日期选择控件:(六)星期
- 打造完美SWT日期选择控件:(二)实现自适应大小
- MxxCalendar 日期时间选择控件
- 日期选择控件
- NetAdvantage中的选择日期的控件,有时候无法弹出下拉日期,或者日期弹出的位置不正确