jQuery扁平化多色时间日历插件ECalendar

所属分类:输入-日期和时间

 52112  493  查看评论 (71)
分享到微信朋友圈
X
jQuery扁平化多色时间日历插件ECalendar ie兼容9

更新时间:2017/5/20 下午9:03:02

更新说明:修改分钟是整点的话  会默认少一个0 的BUG,手机模式浏览   callbackk is not defined 的BUG


更新时间:2017/5/3 下午10:33:03

更新说明:修改了选中的日期点击不能正常选择时分的BUG


ECalendar使用方法

ECalendar 日历插件多功能jQuery日期控件 ECalendar 提供了WEB时间日历选择趋近完美的解决方案。引用文件:

<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>
相关插件-日期和时间

Canvas时钟插件clock-canvas.js

使用html5中Canvas技术,绘制钟表表盘,表面大小支持自适应。
  日期和时间
 31028  334

JQ倒计时代码精确到毫秒

JQ倒计时代码精确到毫秒
  日期和时间
 46539  370

jquery ui酒店预订日历选择器控件代码

jquery ui酒店预订日历选择器控件代码
  日期和时间
 58713  422

timeago.js自动将时间戳转换为更易读的时间轴

timeago.js是一款基于jQuery的时间处理插件,它可以轻易的将时间戳转换成如:5分钟前,约3小时前这样的更友好易读的时间轴
  日期和时间
 28052  342

讨论这个项目(71)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    mirenfawei 0
    2021/11/18 15:44:24
    当天的日期处于选中状态,点击当天日期选择时间,时间选择被遮挡了,没有显示出来 回复
    霸皇VS暴君 0
    2020/9/4 15:36:53
    newbiehe1 0
    2019/5/23 15:40:05
    有个bug
    当config.type 为 data时 也就是 1时
    滑动上方 年或日 仍然会触发 config.type 为 time (0)时的时间
    不过还是很谢谢 回复
    鸭鸭 0
    2019/5/23 10:18:19
    好贵 有点3不起了 回复
    刘博禹 0
    2019/3/29 22:45:16
    别要积分啊。。 想用都用不到。。 回复
    小叶 0
    2018/8/23 21:00:51
    好想要,没积分

    回复
    徐。 0
    2018/8/6 14:15:53
    看着很大气
        不期而遇0
        2018/12/25 17:07:32
        能给我发一份这个插件吗1640548680@qq.com 万分感谢
    回复
    小明 0
    2018/6/13 10:40:48
    用val设置上去的值,用jQuery_form.js表单提交插件提交拿不到值。。。,只有选择值后才能拿到值,或者用获取值得方法才能拿到值。 回复
    草帽 0
    2018/5/29 13:44:29
    ````改了下时间格式 05月 你现在是 5月
        Y__0
        2018/6/20 16:12:25
        你是怎么改的
    回复
    星色夜空 0
    2018/5/21 17:57:53
    请问有英文版本的么? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复