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

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

 22387  165  查看评论 (62)
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>
相关插件-日期和时间

圆形时间进度条-倒计时

html5 + css3 打造的圆形时间倒计时进度条
  日期和时间
 21303  49

简易日期时间插件jQuery Timepicker v1.6.3版

一款汉化后的时间日期插件,可以根据需求自我调整样式
  日期和时间
 14707  47

仿苹果时间控件

模仿苹果时间控件
  日期和时间
 27186  173

时间日历选择控件

最方面的时间日历选择控件
  日期和时间
 27318  98

讨论这个项目(62)回答他人问题或分享插件使用方法奖励jQ币

    小明 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
    请问有英文版本的么? 回复
    Undo。 0
    2018/4/12 15:18:55
    溪流。 0
    2018/3/12 17:58:19
    作者在吗?我想问问在ios中间那一栏的年份 还没到中间一栏就显示高亮了呢 而且只有年份那一栏 其它都正常,这是什么问题呀 回复
    June 0
    2018/1/24 15:11:19

    ios 时间日期选择是 无法选择年份   同时调用两次 第二次不出现

    回复
    Poison_i 0
    2018/1/15 16:45:36

    怎么修改当前选中日期的颜色呢,然后在点开日期,有个颜色提示是我之前选择的日期

    回复
    大大 0
    2018/1/2 1:06:13

    bug反馈:多次测试发现移动端第二次点击才出现日历,样式没修改

    回复
    “Frost Arrows 0
    2017/12/28 20:05:19

    好想要,没积分

    回复
    ╃叶落瑾年 0
    2017/11/16 16:10:17

    在第一个demo里,选过调整后年月后。。。在选日期。。这个时候在日期上上下滑动会出现时间(虽然时间的文字颜色和背景颜色差不多,但还是可以看出来),type:"time"时不应该只选择日期不触发时间的吗

        ╃叶落瑾年0
        2017/11/16 16:15:13

        恩。。。终于明白楼主为什么把第一个demo的skin设成#233了。。。因为这样可以让这个bug看起来不明显。。。。┿(′┼`)┌

        ╃叶落瑾年0
        2017/11/16 17:10:21

        啊表达失误。。。type:"date"时不应该只选择日期不触发时间的吗。。。。还有type:"date"选择时间后,点击输入框再进选择区的当前选中日期的没有选中样式

        ╃叶落瑾年0
        2017/11/16 19:54:42

        加了会班解决了、、、

    回复
取消回复