https://airkitchen.me/js/list-calendar.js

1$(document).ready(function(){
2    $(".divs div").each(function(e) {
3        if (e != 0)
4            $(this).hide();
5    });
6
7    $("#next").click(function(){
8        if ($(".divs div:visible").next().length != 0)
9            $(".divs div:visible").next().show().prev().hide();
10        else {
11            $(".divs div:visible").hide();
12            $(".divs div:first").show();
13        }
14        return false;
15    });
16
17    $("#prev").click(function(){
18        if ($(".divs div:visible").prev().length != 0)
19            $(".divs div:visible").prev().show().next().hide();
20        else {
21            $(".divs div:visible").hide();
22            $(".divs div:last").show();
23        }
24        return false;
25    });
26});
27
28$(function(){
29
30    var check_count = 0;
31
32    $('.colorGroup').on('click', function() {
33        if ($(this).prop('checked')){
34            check_count = check_count+1;
35        }
36
37        if(check_count===1) {
38            var result = $('input:checked').map(function() {
39                return $(this).attr("id");
40            }).get();
41
42            var start = result[0].split("_");
43            var start_day = Number(start[2]);
44            var start_month = Number(start[1]);
45            var start_year = Number(start[0]);
46
47            $('#date_form').html('<form action="?start='+start_year+'-'+start_month+'-'+start_day+'&end=" method="post"><button class= "btn-my-red" type="submit">Apply</button></form>');
48        }
49
50        if(check_count===2) {
51            var result = $('input:checked').map(function() {
52                return $(this).attr("id");
53            }).get();
54
55            var start = result[0].split("_");
56            var start_day = Number(start[2]);
57            var start_month = Number(start[1]);
58            var start_year = Number(start[0]);
59
60            var end = result[1].split("_");
61            var end_day = Number(end[2]);
62            var end_month = Number(end[1]);
63            var end_year = Number(end[0]);
64
65            for (n = start_day; n < end_day; n++) {
66                $('#'+start_year+'_'+start_month+'_'+n).prop('checked', true);
67            }
68            $('#date_form').html('<form action="?start='+start_year+'-'+start_month+'-'+start_day+'&end='+end_year+'-'+end_month+'-'+end_day+'" method="post"><button class= "btn-my-red" type="submit">Apply</button></form>');
69        }
70
71        if(check_count===3){
72            if ($(this).prop('checked')) {
73                // 一旦全てをクリアして再チェックする
74                $('.colorGroup').prop('checked', false);
75                $(this).prop('checked', true);
76                check_count = 1;
77            }
78        }
79    });
80});