PHP中文网-QQ群-扫二维码

QQ群

PHP中文网-关注微信公众号-扫二维码

微信公众号

当前位置:php中文网下载站 >js特效 >时间日期 >手机滑动日期时间选择插件mdatetimer

手机滑动日期时间选择插件mdatetimer

2017-08-10 来源/作者:php中文网 分类:时间日期 «» 下载次数:14
手机滑动日期时间选择插件mdatetimer

手机滑动日期时间选择插件mdatetimer是一款基于iscroll滑动插件实现的,支持设置日期格式,指定年份,时间选择模式等的手机移动端日期选择代码。

JS代码

<script src =“zepto.js”> </ script>
<script src =“zepto.mdatetimer.js”> </ script>
<style>
 体,UL,H1,H2,H3 { 
 保证金:0;
 填充:0; 
 font-family:“microsoft yahei”;
 }
UL {
 list-style-type:none; 
} 
一个{
 文字装饰:无; 
} 
输入{ 
 width:90%; height:30px; margin:20px auto; display:block; text-align:center; 
}
</style>

</ HEAD> 

<BODY> 

<input type =“text”id =“picktime”placeholder =“点击选择日期”readonly>

<SCRIPT>
 $(函数(){
 $( '#picktime')。mdatetimer({ 
 模式:3,//时间选择器模式:1:年月日,2:年月日时分(24小时),3:年月日时分 
 格式:2,//时间格式化方式:1:2015年06月10日17时30分46秒,2:2015-05-10 17:30:46默认:2 
 年份:[2000,2010,2011,2012,2013,2014,2015,2016,2017],//年份数组 
 nowbtn:true,//是否显示现在按钮 
 onOk:function(){ 
 //警报( 'OK');
 },//点击确定时添加额外的执行函数默认null 
 onCancel:function(){ 
 警报( 'www.sucaijiayuan.com');
 },//点击取消时添加额外的执行函数默认null }); 
 }); 
</ SCRIPT>


申明:PHP中文网下载站匠心打造中国最大的免费下载站!一切资源免费,所有资源都经过检测,请放心下载!

效果预览本地下载  新手使用求助QQ群: