jQuery日历插件Calendar.js修改版

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

 25162  71  查看评论 (35)
jQuery日历插件Calendar.js修改版 ie兼容11

更新时间:5/21/2017, 11:57:32 AM

更新说明:增加点击,修改月份BUG


注:

1. 日历样式及布局来自: 

http://www.jq22.com/jquery-info6125

2. 核心代码来自: 网络,出处忘了= =

本人把这些整合了下,写成了插件的形式,代码简洁很多,仅供学习。

目前只有新历,并没有阴历及节日。

参数及注释都在代码里了,有问题留言,就酱= = 

相关插件-日期和时间

精美js日期选择器,js省市选择器

小巧的js日期选择器。 一个精美的js日期选择器。
  日期和时间
 18538  64

时间日历选择控件

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

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

timeago.js是一款基于jQuery的时间处理插件,它可以轻易的将时间戳转换成如:5分钟前,约3小时前这样的更友好易读的时间轴,而且使用timeago.js无需刷新页面即自动更新页面时间的显示。
  日期和时间
 7932  42

移动端日期选择插件mdater

移动端日期选择插件mdater,日历控件
  日期和时间
 15614  53

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

    徐福记 0
    2018/1/8 14:39:17
    您好,请问一下怎么控制一些月份只显示五行呢?比如2018年1月去掉最后一行 回复
    √48色的彩虹 0
    2017/12/14 14:17:49

    这个跟bootstrap冲突怎么解决

    回复
    zxl1203 1
    2017/11/24 11:19:17

    如果是在弹框里调用这个日历控件,切换月份后,再次进入日历没做初始化处理,建议在

     this.$calendar.append(this.$calendar_title, this.$calendar_week, this.$calendar_date, this.$calendar_today);

    前面加上一行代码:

    this.$calendar.html("");
    回复
    zxl1203 0
    2017/11/22 15:50:49

    怎么做日期有数据的标红显示,谢谢

        smallhappiness0
        2017/11/22 17:48:35

        额。。呃,自己动手咯!

    回复
    comfyz 0
    2017/9/20 16:01:16

    可以增加回掉函数吗

        smallhappiness0
        2017/9/20 17:18:20
        看下面评论有
    回复
    狂奔的蜗牛 0
    2017/8/26 10:22:57
    作者您好:最近在做一个网页,需要加入一个带排班表功能的日历(就是点击区中某个日期后出现一个div,供我们填写信息),我实现了部分功能,但是发现一个问题,如果我在8月1号添加了控制div出现的自定义样式,这个样式会覆盖在9月份上面,导致div不能出现,源码我看了很久,尝试着进行了修改,还是没有解决,想请教一下,,,如果您不忙的话,可以帮帮我么?谢谢
        smallhappiness0
        2017/8/26 10:31:34

        hello, 你可以把你的代码发到我邮箱来(1005526074@qq.com),我帮你看看

        狂奔的蜗牛0
        2017/8/26 11:20:42

        好的,稍等一下,我整理一下资料发您的邮箱。谢谢!  谢谢!

        计较,是贫穷的开始0
        2017/11/21 16:09:34
        @狂奔的蜗牛,可以看看你写的代码吗?我也正在写带排班功能的日历
        计较,是贫穷的开始0
        2017/11/21 16:10:23

        邮箱 2425722273@qq.com

    回复
    起什么名字好呢 0
    2017/8/15 9:39:14

    怎么让它显示3个月的 就是三个月的日历 比如345月 往后切换一个月之后是456

    回复
    MarisaClock 0
    2017/8/9 20:57:05

    大神你好,引入日历后,我想获取日历上选择后的日期的值,别的div需要用,请问下如何在jsp中拿到这个日期的值呢……

        smallhappiness1
        2017/8/9 21:48:27

        这样的,你在216行下面添加这句,我帮你console.log() 出来的,今天的日期

        console.log(addMark($(this).attr('data'))); // 今天的日期

        如何你要放在别的DIV里,就把这个值放进去就成了,如果还要日期的其他信息,还得用别的代码。

        简单成自然,0
        2018/1/31 16:28:20
        每次点击日期 打印$(".date").text()就行了 作者不是做了tips么,
    回复
    IceAgeQQ 0
    2017/7/19 10:39:35

    关于selectedRang,我有些疑问。如果我想从选定日期那天开始,之前的都不可选。应该怎么写? 例如我选了6月15号,那么15号之前都不能被选择。

        IceAgeQQ0
        2017/7/19 10:42:55

        那个,我好像没说明白,动态选择某个日期,而不是JS那里面写死selectedRang[2017/06/15]>....<

        smallhappiness0
        2017/8/4 18:24:19

        这个,没有这功能啊朋友

        IceAgeQQ0
        2017/8/8 15:23:26

        我改完了

        smallhappiness0
        2017/8/9 21:32:17

        = =

    回复
    愿景 0
    2017/7/14 16:07:29

    怎么设置某一天的背景?

        smallhappiness0
        2017/7/14 21:02:14

        没有这功能啊。。。

    回复
取消回复