移动端日期选择插件mdater

来源:https://www.sucaihuo.com/js/2408.html 2017-07-13 23:24浏览(3199) 收藏

一款移动端日期选择插件mdater,可以自由切换年份、月份,界面固定在页面的底部,比较适合手机端使用,点选后的日期会显示在输入框里,喜欢的童鞋请收下吧。
移动端日期选择插件mdater
分类:日期时间 > 日期控件 难易:初级
查看演示 下载资源 下载积分: 20 积分

页面的head部分,需要引入一个CSS样式和两个JS文件即可,代码如:

<link type="text/css" rel="stylesheet" href="css/zepto.mdater.css">
<script type="text/javascript" src="js/zepto.js"></script>
<script type="text/javascript" src="js/zepto.mdater.js"></script>

页面的body部分,仅需要一个input输入框,来存放选择后的日期即可,代码如下:

<input id="in" type="text" readonly>

页面的底部,启用日期插件即可,代码如下:

$('#in').mdater({
	minDate : new Date(2015, 2, 10)
});
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2