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

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

 15115  130  查看评论 (50)
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>
相关插件-日期和时间

美观强大的日期时间选择器插件flatpickr

jQuery日期时间选择器插件flatpickr,功能强大,有多种主题,多国语言支持中文。
  日期和时间
 27406  95

基于canvas的圆形进度条(可作为时钟)插件circle_JT

一个使用canvas编写的圆形进度条
  日期和时间
 7354  44

基于amazeui全年日历

一款基于amazeui的全年日历,日历可以添加时间记录,中英文切换
  日期和时间
 9457  19

倒计时

jquery倒计时
  日期和时间
 10017  26

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

    ╃叶落瑾年 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

        加了会班解决了、、、

    回复
    ??日月曰业?? 0
    2017/10/30 17:32:30

    作者有没有只能选择今天和之前的日期的功能?

    回复
    Txu毒の信子 0
    2017/10/25 15:17:31
    这插件点击input跳出时间选择界面的时候会直接把当前时间输出到input里,而我想在界面选择了之后才在input中输出时间,请问这个要在哪里改?谢谢 回复
    微笑,向前行! 0
    2017/10/16 15:02:36
        0
    2017/10/11 16:30:26

    在整点的时候没有修复啊,还是少个0

        tohka_0
        2017/10/17 17:43:50

        没修复吗。。。我还没下载,,

           0
        2017/10/19 11:32:28

        我用这个还是有这个问题

    回复
    yclihua 0
    2017/9/5 17:15:27

    BUG反馈:在日期时间界面,当选择本月其他日期时,再点击今天,高亮显示的日期仍然是其他日期,而不是今天的日期。

    回复
    栀? 0
    2017/9/3 14:46:39

    点击选择完日期之后怎么自动关闭弹窗?

    回复
    十七月灬 0
    2017/8/30 10:58:50

    感觉很棒,接入试试

    回复
    hyasp 0
    2017/7/29 16:45:42
    很强大!感谢!
        爱读书的女孩0
        2017/8/10 8:27:34
        是的
    回复
    qftyui1 0
    2017/6/27 17:48:39

    这个时间可以默认小于当前系统时间吗,比系统时间大的日期不能选择

    回复
取消回复