jquery仿苹果的时间/日期选择效果
更新时间：2017年03月08日 14:23:47 作者：小结巴巴吧
本篇文章主要介绍了jquery仿苹果的时间/日期选择效果的实例，具有很好的参考价值。下面跟着小编一起来看下吧
1.html文件，index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="./jquery-1.12.4.min.js"></script>
<script src="./pickDater.js"></script>
<style>
body{position: absolute;width: 100%;height: 100%}
ul{list-style: none;margin: 0}
</style>
</head>
<body>
<input id="pickDater" style="font-size: 50px;">
</body>
</html>
查看效果时候把浏览器调成手机模式
2.插件 链接地址：http://files.cnblogs.com/files/jiebba/pickDater.js ,
引用插件
3.调用插件
1.调用 日期
var opt={
startY:1990, //开始时间
endY:2050, //结束事件
mPickerType:1,
separator:'/' //日期分割符
}
$('#pickDater').mPickDater(opt);
2.调用 时间
var opt={
startY:1990, //开始时间
endY:2050, //结束事件
mPickerType:2,
separator:'/' //日期分割符
}
$('#pickDater').mPickDater(opt);
3.调用 日期和时间
var opt={
startY:1990, //开始时间
endY:2050, //结束事件
mPickerType:3,
separator:'/' //日期分割符
}
$('#pickDater').mPickDater(opt);
代码仅供参考，具体功能可以自己扩展。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了jQuery实现滑动tab选项卡，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
本文主要分享了jQuery实现文档树效果的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
在京东商城浏览时, 会发现产品图片只显示了一屏, 当页面向下滚动时下面的产品图片才逐渐加载.2010-06-06
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
这篇文章主要介绍了jquery+ajax实现上传图片并显示上传进度功能,结合实例形式分析了jQuery+ajax结合layer.js插件与php后台交互,实现显示上传进度的相关操作技巧,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了jQuery中的val()的使用,需要的朋友可以参考下2014-02-02
jQuery实现table中两列CheckBox只能选中一个的示例
下面小编就为大家带来一篇jQuery实现table中两列CheckBox只能选中一个的示例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了Jquery 在页面加载后执行的几种方式,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了jQuery Mobile自定义标签的相关资料,需要的朋友可以参考下2016-01-01
这篇文章主要为大家详细介绍了Jquery Easyui菜单组件Menu的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
query formValidator插件非常好用，但是有一个严重的Bug，在使用ajax验证的时候，如果输入框的内容已经存在，把鼠标放到输入框，不做任何修改再离开，则会提示错误,很是郁闷2013-01-01
最新评论