jQuery日历插件Calendar.js修改版

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

 128247  81  查看评论 (40)
jQuery日历插件Calendar.js修改版 ie兼容11

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

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


注:

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

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

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

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

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

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

相关插件-日期和时间

jQuery日历插件

简洁、优雅的日历插件。
  日期和时间
 37543  204

时间日历选择控件

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

jQuery公历农历插件xp

可选择公历或农历来填写输入框,界面有些简陋但功能是没有问题的。
  日期和时间
 3947  9

pc端多种格式时间选择控件

提供如年月,年月日,年月日时,年月日时分 时间段等时间格式选择
  日期和时间
 30154  50

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

    幼稚 0
    2018/6/5 11:16:27
    你好,请问怎么获取昨天、前天、上周的的值,比如我想分别给出按钮,点击前天日历就调到前天的日期,点击上周日历就回到上周 回复
    笨小孩。 0
    2018/3/8 21:33:21
    请问怎么改变整个日历的大小呢 回复
    徐福记 0
    2018/1/8 14:39:17
    您好,请问一下怎么控制一些月份只显示五行呢?比如2018年1月去掉最后一行
        hardworking1
        2018/2/22 9:57:57

        js的135行i<6换成i<5即可,如下所示 

        for (var i = 0; i < 5; i++) {
            _datestr += '<li class="item">26</li>' +
                '<li class="item">26</li>' +
                '<li class="item">26</li>' +
                '<li class="item">26</li>' +
                '<li class="item">26</li>' +
                '<li class="item">26</li>' +
                '<li class="item">26</li>';
        }
    回复
    √48色的彩虹 0
    2017/12/14 14:17:49

    这个跟bootstrap冲突怎么解决

        hardworking0
        2018/2/22 9:58:33
        有什么冲突呢?打开控制台然后进行样式覆盖和js调整即可
    回复
    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么,
    回复
取消回复