多功能日历插件:Kalendae

Kalendae 主要功能:

  1. 便携无依赖,只需添加js和css。
  2. 通过css自定皮肤,方便更换。
  3. 支持所有现代浏览器和IE8。
  4. 支持一天,多天,或范围选择。
  5. 可配置显示几个月。
  6. 可作为内嵌部件显示,或通过一个或多个input触发。
  7. 可以被附加到任何页面元素,不仅仅是命名元素。
  8. 可配置的禁选,通过定义日期数组或一个回调函数。
  9. 可配置所选日期的格式。
  10. 利用moment.js解析日期。

 

$("input").kalendae({
    months: 1,
    mode: 'multiple',
    format: 'YYYY-MM-DD',
    dayOutOfMonthClickable: true,
    closeButton: false,
    useYearNav: false,
    blackout: function(date) {
        var ok = true;
        var start = $("#startTime").val();
        var end = $("#endTime").val();
        if (!ok || date >= (new Date(start)) && date <= (new Date(end))) ok = false;
        return ok;
    }
});

 

 

GitHub地址:https://github.com/ChiperSoft/Kalendae.git

Demo

posted @ 2016-09-13 16:28  起个不一样的名字  阅读(467)  评论(0编辑  收藏  举报