jQuery时间日期选择器ECalendar日历插件【原创

来源:https://www.sucaihuo.com/js/2001.html 2017-05-21 19:24浏览(3477) 收藏

对于 时间日期选择器,多功能jQuery日期控件ECalendar提供了网页时间日历选择趋近完美的解决方案。
jQuery时间日期选择器ECalendar日历插件
分类:日期时间 > 日期控件 难易:中级
查看演示 下载资源 下载积分: 40 积分

引用文件:

<link rel="stylesheet" href="css/style.css" />
<script src="js/jQuery-2.1.4.min.js"></script>
<script src="js/Ecalendar.jquery.min.js"></script>

调用代码:

<div class="calendarWarp">
	<input type="text" name="date" class='ECalendar' id="ECalendar_date"  value="2017-3-1 15:32"/>
</div>

<script type="text/javascript">
	$(function(){
		$("#ECalendar_date").ECalendar({
			 type:"time",   //模式,time: 带时间选择; date: 不带时间选择;
			 stamp : false,   //是否转成时间戳,默认true;
			 offset:[0,2],   //弹框手动偏移量;
			 format:"yyyy年mm月dd日",   //时间格式 默认 yyyy-mm-dd hh:ii;
			 skin:3,   //皮肤颜色,默认随机,可选值:0-8,或者直接标注颜色值;
			 step:10,   //选择时间分钟的精确度;
			 callback:function(v,e){} //回调函数
		});
	})
</script>
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/2001.html
评论0
头像

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

1 2