基本信息
源码名称:基于zepto的移动端日期+时间选择插件
源码大小:0.02M
文件格式:.7z
开发语言:CSS
更新时间:2015-09-12
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
基于zepto的移动端日期 时间选择插件
【实例截图
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8" />
<title>mdatetimer demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="zepto.mdatetimer.css">
<script src="zepto.js"></script>
<script src="zepto.mdatetimer.js"></script>
<style>
body,ul,h1,h2,h3{
margin: 0;
padding: 0;
}
ul{
list-style-type: none;
}
a{
text-decoration: none;
}
input{
width:90%;
}
</style>
</head>
<body>
<input type="text" id="picktime" value="2015-07-01" readonly>
<script>
$(function(){
$('#picktime').mdatetimer({
mode : 3, //时间选择器模式:1:年月日,2:年月日时分(24小时),3:年月日时分(12小时),4:年月日时分秒。默认:1
format : 2, //时间格式化方式:1:2015年06月10日 17时30分46秒,2:2015-05-10 17:30:46。默认:2
years : [2000, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017], //年份数组
nowbtn : true, //是否显示现在按钮
onOk : function(){
//alert('OK');
}, //点击确定时添加额外的执行函数 默认null
onCancel : function(){
alert('A');
}, //点击取消时添加额外的执行函数 默认null
});
});
</script>
</body>
</html>