JavaScript日期选择控件Kalendae

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

 37814  276  查看评论 (12)
分享到微信朋友圈
X
JavaScript日期选择控件Kalendae ie兼容6

今天我们要来分享一款简单而实用的JavaScript日期选择控件,名叫Kalendae。它的外观虽然很普通,但是功能很强大,不仅可以当日历组件,也可以当做日期选择控件。而且可以同时展示多个日期选择控件,效果非常不错。

相关插件-日期和时间

jQuery带数据的日历插件

起始结束时间,可插入数据
  日期和时间
 47333  403

新浪的一款时间插件

新浪的一款时间插件
  日期和时间
 57732  407

jQuery双日历选择

jQuery实现双日历选择插件double-date.js
  日期和时间
 36611  320

jQuery手机端酒店日历插件

一款简单的手机端日历插件,可以选择入住和离店日期,控制选择天数
  日期和时间
 37617  326

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

    Throne 0
    2019/3/29 16:02:15
    强大强大!!! 回复
    莪?╁??の 0
    2018/11/21 17:07:50
    我想在每一天的日期里加上文字,怎么加? 回复
    0
    2018/8/15 20:27:28
    怎么追加到元素里啊
    回复
    空城~~ 0
    2018/1/15 14:05:00

    怎么兼容手机呢  @撕花焚玉

    回复
    空城~~ 0
    2018/1/15 13:51:01

    手机端不兼容啊 

    回复
    曙光ing 0
    2017/12/14 12:08:24
    选择调用它的类,连ie10都不兼容,用id的话兼容性就比较好,不过如果多处调用或生成多个的话,有点麻烦的感觉 回复
    yaowang 0
    2017/4/19 12:01:14

    请问div的时候,怎么获选已经选择的时间呢

        大笨熊0
        2018/7/31 14:13:40
        同问!目前只能点击text弹出日期控件层再选择。
        Jing1
        2020/8/24 15:56:47

        以日期多选为例,先定义一个变量去接new出来的对象

        var cal = new Kalendae(document.body, {
            months: 1,
            mode: 'multiple',
            selected: [Kalendae.moment().subtract({
                M: 1
            }), Kalendae.moment().add({
                M: 1
            })]
        });

        然后用户选择一些日期,用下面的代码就可以获取到已选择的日期

        cal.getSelected()
        "2020-07-13, 2020-07-14, 2020-07-15, 2020-07-16, 2020-07-17, 2020-07-22, 2020-07-23, 2020-07-24, 2020-09-24"

        是一个字符串的形式,用个逗号分隔的

    回复
    若比邻 0
    2016/5/30 13:05:22
    试了一下,确实强大 回复
    baiaobo666 0
    2015/8/2 10:08:03
    西瓜 0
    2014/10/14 6:01:08
    非常强大的日间插件 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复