多功能日历插件：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

转载于:https://www.cnblogs.com/imguoc/p/5868889.html