首页 > 代码库 > mobiscroll 控件的使用(手机端日历控件)
mobiscroll 控件的使用(手机端日历控件)
先上一张图吧：
控件的下载地址：http://www.kuitao8.com/20140604/2615.shtml
文档API地址：http://docs.mobiscroll.com/2-13-2/datetime#!opt-minDate
网卡案例：http://www.wglong.com/main/artical!details?id=11
现在直接贴代码了，
js引用部分：
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <link href=http://www.mamicode.com/"../../js/mobiscroll-master/css/mobiscroll.scroller.css" rel="stylesheet" type="text/css" /> <link href=http://www.mamicode.com/"../../js/mobiscroll-master/css/mobiscroll.scroller.android-holo.css" rel="stylesheet" type="text/css" /> <script src=http://www.mamicode.com/"../../js/jquery-1.8.3.js" type="text/javascript"></script> <script src=http://www.mamicode.com/"../../js/jquery-mobile/jquery.mobile-1.4.2.min.js" type="text/javascript"></script> <script src=http://www.mamicode.com/"../../js/mobiscroll-master/js/mobiscroll.core.js" type="text/javascript"></script> <script src=http://www.mamicode.com/"../../js/mobiscroll-master/js/mobiscroll.scroller.js" type="text/javascript"></script> <script src=http://www.mamicode.com/"../../js/mobiscroll-master/js/mobiscroll.datetime.js" type="text/javascript"></script> <script src=http://www.mamicode.com/"../../js/mobiscroll-master/js/i18n/mobiscroll.i18n.zh.js" type="text/javascript"></script>
设置DOM部分：(id和name是我自己设置的，重要部分是class)：
<input name="kssj" id="kssj" type="text" class="demo-test-date1" />
js部分：
$(‘.demo-test-date1‘).mobiscroll().date({ defaultValue: new Date(kssj), preset: ‘date‘, //日期 dateFormat: ‘yy-mm-dd‘, // 日期格式 dateOrder: ‘yymmdd‘, //面板中日期排列格式 theme: ‘android-holo‘, //皮肤样式 mode: ‘scroller‘, //日期选择模式 lang: ‘zh‘, display: ‘modal‘, //显示方式 animate: ‘‘, maxDate: new Date(jssj) });
就这样了，有什么不明白的call qq:1576410833
mobiscroll 控件的使用(手机端日历控件)
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。