Фильтровать таблицу Bootstrap с датой начала и окончания с помощью Jquery

У меня есть таблица динамической загрузки Bind с использованием значений JSON. Эта таблица содержит столбцы «Дата начала» и «Дата окончания». Поэтому мне нужно отфильтровать таблицу Bootstrap между вчера и сегодня. У меня есть отдельный раскрывающийся список, называемый фильтром даты, если я изменил дату как «месяц». Он будет фильтровать данные за текущий месяц в таблице начальной загрузки. Поэтому, пожалуйста, найдите ниже код,

HTML:

<table id="eventsTable" data-checkbox="true" data-sortable="true" data-row-style="rowStyle"></table>



<div class="pull-left tableAction hide" onchange="filtersByDate()">
                <select class="form-control" id="date">
                    <option value="<any date>">Any date</option>
                    <option value="Today">Today</option>
                    <option value="Current Week">CurrentWeek</option>
               </select>
 </div>

JS:

$.ajax({
            type: "POST",
            url: "apilist",
            data: "",
            success: function (response) {
                        if (response != null) {
                            var data = [];
                            $.each(response.Slip, function (index) {
                                var obj = {};
                                obj.SlipID = response.Slip[index].SlipID;
                                obj.Client = response.Slip[index].Client;
                                obj.Start = response.Slip[index].StartDate;
                                obj.End = (response.Slip[index].EndDate;
                                data.push(obj);
                            });
                            $('#eventsTable').bootstrapTable({
                                columns: [
                                    { field: "state", checkbox: true },
                                    { field: "SlipID", title: 'SlipID', sortable: true, class : "hide" },
                                    { field: "Client", title: 'Client', sortable: true },
                                    { field: "Start", title: "Start", sortable: true },
                                    { field: "End", title: "End", sortable: true },
                                ],
                                data: data,
                            });
                        }
              }
});

function filtersByDate()
{
    startDate= $("#startDate").val();
    endDate = $("#startDate").val();
    searchFunction(startDate,endDate);
}
function searchFunction(startDate, endDate) {
var table, tr, td, td2, i;
    table = document.getElementById("eventsTable");
    tr = table.getElementsByTagName("tr");
    for (i = 0; i < tr.length; i++) {
        td = tr[i].getElementsByTagName("td")[13];
        td2 = tr[i].getElementsByTagName("td")[14];
        if (td) {
            if (td.innerHTML != "-") {
                var dateFormat = new Date(parseInt(td.innerHTML.split('-')[0]), parseInt(td.innerHTML.split('-')[1]), parseInt(td.innerHTML.split('-')[2]));
                var startdateFormat = new Date(parseInt(startDate.split('-')[0]), parseInt(startDate.split('-')[1]), parseInt(startDate.split('-')[2]));
                if (dateFormat >= startdateFormat) {
                    tr[i].style.display = "";
                } else {
                    tr[i].style.display = "none";
                }
            }
       }
        if (td2) {
            if (td2.innerHTML != "-") {
                var dateFormat = new Date(parseInt(td2.innerHTML.split('-')[0]), parseInt(td2.innerHTML.split('-')[1]), parseInt(td2.innerHTML.split('-')[2]));
                var enddateFormat = new Date(parseInt(endDate.split('-')[0]), parseInt(endDate.split('-')[1]), parseInt(endDate.split('-')[2]));
                if (dateFormat <= enddateFormat) {
                    tr[i].style.display = "";
                } else {
                    tr[i].style.display = "none";
                }
            }
        }
    }
}

Пожалуйста, дайте мне знать ваши предложения,