<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8/>
<link rel="stylesheet" type="text/css" href="mobiscroll.min.css">
<script src="jquery-1.10.2.js"></script>
<script src="mobiscroll.min.js"></script>
<script>
$(function(){
var year = 2015;
var minDate = (+new Date())+24*60*60*1000;
minDate = new Date(minDate);
var opt = {
preset: 'date',
theme: 'ios7',
display: 'modal',
mode: 'scroller',
dateFormat: 'yy-mm-dd',
setText: '确定',
cancelText: '取消',
dateOrder: 'yymmdd',
dayText: '日', monthText: '月', yearText: '年',
minDate:minDate,
startYear: year
};
try{
$(".mobiscrollDate").mobiscroll(opt).date(opt);
}catch(e){};
try{
$("#scroll_select").mobiscroll().select({theme: 'ios',display: 'inline',buttons:[]});
}catch(e){};
});
</script>
</head>
<body>
<div>
<input type="text" placeholder="请选择时间" readonly="" class="mobiscrollDate" value="">
</div>
<div style="margin-top:100px;position:relative;">
<select id="scroll_select" style="width:100px;">
<option>完全公开</option>
<option>好友可见</option>
<option>仅自己可见</option>
</select>
</div>
<div>
简单演示，当前js只有date系列和select两个插件，改动mobiscroll配置和适当调整css，可以满足多种风格和形式。
<!--鼠标滑动时间选择，如果显示有污染直接忽略，有点渲染常识的都不会大惊小怪，线上环境完全正常。-->
</div>
</body>
</html>
mobiscroll 只有时间和select两种
3星 · 超过75%的资源 需积分: 17 183 浏览量
2015-11-20
11:51:45
上传
评论
收藏 103KB RAR 举报 
mobiscroll.rar （5个子文件） 
mobiscroll 
index.html 1KB
mobiscroll.min.css 7KB jquery-1.10.2.min.map 137KB jquery-1.10.2.js 91KB mobiscroll.min.js 42KB资源评论
CRJ_999992016-07-28感觉没什么用- guofatfat2016-05-07挺不错的东西，下来学习一下！
