Question

我正在使用这个脚本： https://github.com/dangrossman/bootstrap-daterangepicker 它非常简单和精致，现在我想在日历中看到任何突出显示的日历，颜色必须是自定义的，所以我可以看到在我要选择的时期内的可用性，例如HeatMap ......

Answer 1

该脚本的作者帮助我使用脚本的 isCustomDate :( function）选项找到解决方案，这里是一个示例用法

isCustomDate: function(date) {
    var ratio_0=['2017-09-15','2017-09-16','2017-09-17'];
    var ratio_1=['2017-06-15','2017-06-16','2017-06-17'];
    var ratio_2=['2017-07-15','2017-07-16','2017-07-17'];
    var ratio_3=['2017-08-15','2017-08-16','2017-08-17'];
    if ($.inArray(date.format('YYYY-MM-DD'), ratio_0) > -1) {
        return 'ratio_0';
    } else if ($.inArray(date.format('YYYY-MM-DD'), ratio_1) > -1) {
        return 'ratio_1';
    } else if ($.inArray(date.format('YYYY-MM-DD'), ratio_2) > -1) {
        return 'ratio_2';
    } else if ($.inArray(date.format('YYYY-MM-DD'), ratio_3) > -1) {
        return 'ratio_3';
    } else {
        return false;
    }
}

funcion返回指定日期的自定义类，以便通过css使用它。

bootstrap daterangepicker，每天为自定义颜色创建日历

1 个答案: