JavaScript日期选择控件Kalendae

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

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

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

相关插件-日期和时间

jQuery bootstrap酒店日期插件

基于bootstrap日期插件实现,时间区间选择,预定日期禁用
  日期和时间
 58875  366

jquery日历控件datePicker

jquery.datePicker日历控件应用text文本框弹出日历表与默认显示日历表
  日期和时间
 68736  370

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

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

优雅的日期选择插件daterangepicker

jQuery bootstrap日期选择插件daterangepicker,多种时间类型选择
  日期和时间
 87519  375

讨论这个项目(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
    非常强大的日间插件 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复