jQuery日历插件Calendar.js修改版

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

 164359  402  查看评论 (48)
分享到微信朋友圈
X
jQuery日历插件Calendar.js修改版 ie兼容11

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

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


注:

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

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

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

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

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

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

相关插件-日期和时间

日程表插件(fullcalendar),自定义任务显示、切换视图

加载事件数据、能切换年月视图、控制任务的自定义显示数量和效果、单元格绑定事件和元素
  日期和时间
 41532  317

选择生日,弹出框pc插件可直接输入,可上下移动,成功有回调

插件是非要弄成一样的效果,无奈写了1个,原创作品作者分享给大家看下
  日期和时间
 28310  297

jQuery日历插件

jQuery日历插件
  日期和时间
 49249  308

简单实用纯JS日历,有详细的代码注释(兼容IE6)

实用纯JS日历,点最上方日期可跳转到当前日期,键盘空格可回到当前日期,键盘左右可控制月份翻页,鼠标滚轮可改变月份
  日期和时间
 47990  377

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

    笑而不语 0
    2019/7/12 14:42:05
    有没有办法点击日期不切换月份? 回复
    半颗糖°也甜入心 0
    2019/1/14 15:36:28
    怎么在这个里面添加节假日哈
    回复
    好想去看海 0
    2018/12/21 10:52:59
    我想拿来 改成h5移动端 我看好像是pc端可以用
        西瓜0
        2018/12/21 15:26:30

        直接head中加入

        <meta name="viewport" content="width=device-width, initial-scale=1">

        就可以用在移动端了

    回复
    王丶 0
    2018/12/7 8:42:27
    为什么我在js中找不到哪个显示和隐藏的代码 回复
    热脸 0
    2018/10/6 10:43:44
    怎么用?为什么没有wxml里的代码?
        好想去看海0
        2018/12/21 10:51:39
        这不是小程序插件 你去GitHub找找小程序的吧

    回复
    幼稚 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>';
        }
        好想去看海0
        2018/12/21 10:52:16
        网友都是厉害
    回复
    √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("");
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复