Asp.net mvc 根据年和月筛选Jquery数据表

我有一个jquery数据表，其中有两个下拉列表，分别是年和月。我想根据jQueryDataTable中的这两个外部参数对jQueryDataTable进行排序。一个下拉列表有年份，而另一个下拉列表有月份。我不知道定制jquery数据表过滤器的正确代码

<div class="container" style="margin-top:10px">
<label>
    List of Feedback receiverd through website int the month
   @Html.DropDownListFor(model=>model.SelectedMonth,(IEnumerable<SelectListItem>)ViewBag.years,"--Select Month--",new { @class = "form-control" , onchange = "UserChanged()" })

</label>
        <table id="FeedbackDetails" class="ui celled table">
            <thead>
                <tr>
                    <th>S.No</th>
                    <th>User Name</th>
                    <th>Email ID</th>
                    <th>Comment</th>
                    <th>Designation</th>
                    <th>Organization</th>
                    <th>Contact No</th>
                    <th>City</th>
                    <th>Feedback Date</th>
                </tr>
            </thead>

        </table>
    </div>
   <div id="myModal" class="modal fade" role="dialog">
       <div class="modal-dialog">
           <div class="modal-content">
               <div class="modal-header">
                   <h4 class="modal-title">Feedback Comment</h4>
               </div>
               <div class="modal-body">
                   <p id="commentdesc"></p>
               </div>
               <div class="modal-footer">
                   <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
               </div>
           </div>
       </div>
   </div>

    $(document).ready(function () {
        $(document).on("click", ".opencomment", function () {
            var mycomment = $(this).data('id');
            $('.modal-body #commentdesc').html(mycomment);
            // $('#myModal').modal('show');
        });
        jQuery.extend(jQuery.fn.dataTableExt.oSort, {
            "date-uk-pre": function (a) {
                var ukDatea = a.split('/');
                return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
            },

            "date-uk-asc": function (a, b) {
                return ((a < b) ? -1 : ((a > b) ? 1 : 0));
            },

            "date-uk-desc": function (a, b) {
                return ((a < b) ? 1 : ((a > b) ? -1 : 0));
            }
        });
        $('#FeedbackDetails').DataTable({

            "processing": true,

            "ajax": {
                "url": "/ViewFeedback/LoadData",
                "type": "GET",
                "datatype": "json"
            },
            "lengthMenu": [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "All"]
            ],
            "autoWidth": true,
            "responsive": true,
            "lengthChange": true,
            "ordering": true,
            "fnRowCallback": function (nRow, aData, iDisplayIndex) {
                var oSettings = this.fnSettings();
                $("td:first", nRow).html(oSettings._iDisplayStart + iDisplayIndex + 1);
                return nRow;
            },


            "columns": [
                { "data": null, "autoWidth": true },
                { "data": "FeedbackUserName", "name": "User Name", "autoWidth": true },
                { "data": "FeedBackUserEmailID", "name": "Email ID", "autoWidth": true },
                { "data": "FeedBackComment", "name": "Comment", "autoWidth": true },
                { "data": "Designation", "name": "Designation", "autoWidth": true },
                { "data": "Organization", "name": "Organization", "autoWidth": true },
                { "data": "ContactNo", "name": "Contact No", "autoWidth": true },
                { "data": "City", "name": "City", "autoWidth": true },
                {
                    "data": "Feedback_Date", "sType": "date-uk", "autoWidth": true

                },


            ],


            columnDefs: [{

                targets: 3,
                //data:"FeedbackID",
                render: function (data, type, row, meta) {
                    if (type === 'display' && data.length > 40) {
                        return '<span title="' + data + '">' + data.substr(0, 38) + '...<a href="" data-id="' + data + '" data-toggle="modal" class="opencomment" data-target="#myModal">Show More</a>';

                    }
                    else {
                        return data;
                    }


                }

            }],

            "language": {
                "emptyTable": "No Events Found Related To This User"

            },
        });
    });



public ActionResult Index()
    {
        ViewBag.years = new SelectList(Enumerable.Range(DateTime.Today.Year, 20).Select(x => new SelectListItem()
        {
            Text = x.ToString(),
            Value = x.ToString()
        }), "Value", "Text");

            return View();
    }

public ActionResult LoadData()
    {
        using (var Ms = new DHIFeedbackEntities5())
        {
            var feedbacklist = Ms.fetchrecord().ToList();
            return Json(new { data = feedbacklist }, JsonRequestBehavior.AllowGet);
        }
    }

当月通过网站收到的反馈列表
@Html.DropDownListFor（model=>model.SelectedMonth，（IEnumerable）ViewBag.years，“--selectmonth--”，new{@class=“form control”，onchange=“UserChanged（）”}）
美国号
用户名
电子邮件ID
评论
任命
组织机构
联系电话
城市
反馈日期
反馈意见

    $(document).ready(function () {
        $(document).on("click", ".opencomment", function () {
            var mycomment = $(this).data('id');
            $('.modal-body #commentdesc').html(mycomment);
            // $('#myModal').modal('show');
        });
        jQuery.extend(jQuery.fn.dataTableExt.oSort, {
            "date-uk-pre": function (a) {
                var ukDatea = a.split('/');
                return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
            },

            "date-uk-asc": function (a, b) {
                return ((a < b) ? -1 : ((a > b) ? 1 : 0));
            },

            "date-uk-desc": function (a, b) {
                return ((a < b) ? 1 : ((a > b) ? -1 : 0));
            }
        });
        $('#FeedbackDetails').DataTable({

            "processing": true,

            "ajax": {
                "url": "/ViewFeedback/LoadData",
                "type": "GET",
                "datatype": "json"
            },
            "lengthMenu": [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "All"]
            ],
            "autoWidth": true,
            "responsive": true,
            "lengthChange": true,
            "ordering": true,
            "fnRowCallback": function (nRow, aData, iDisplayIndex) {
                var oSettings = this.fnSettings();
                $("td:first", nRow).html(oSettings._iDisplayStart + iDisplayIndex + 1);
                return nRow;
            },


            "columns": [
                { "data": null, "autoWidth": true },
                { "data": "FeedbackUserName", "name": "User Name", "autoWidth": true },
                { "data": "FeedBackUserEmailID", "name": "Email ID", "autoWidth": true },
                { "data": "FeedBackComment", "name": "Comment", "autoWidth": true },
                { "data": "Designation", "name": "Designation", "autoWidth": true },
                { "data": "Organization", "name": "Organization", "autoWidth": true },
                { "data": "ContactNo", "name": "Contact No", "autoWidth": true },
                { "data": "City", "name": "City", "autoWidth": true },
                {
                    "data": "Feedback_Date", "sType": "date-uk", "autoWidth": true

                },


            ],


            columnDefs: [{

                targets: 3,
                //data:"FeedbackID",
                render: function (data, type, row, meta) {
                    if (type === 'display' && data.length > 40) {
                        return '<span title="' + data + '">' + data.substr(0, 38) + '...<a href="" data-id="' + data + '" data-toggle="modal" class="opencomment" data-target="#myModal">Show More</a>';

                    }
                    else {
                        return data;
                    }


                }

            }],

            "language": {
                "emptyTable": "No Events Found Related To This User"

            },
        });
    });



public ActionResult Index()
    {
        ViewBag.years = new SelectList(Enumerable.Range(DateTime.Today.Year, 20).Select(x => new SelectListItem()
        {
            Text = x.ToString(),
            Value = x.ToString()
        }), "Value", "Text");

            return View();
    }

public ActionResult LoadData()
    {
        using (var Ms = new DHIFeedbackEntities5())
        {
            var feedbacklist = Ms.fetchrecord().ToList();
            return Json(new { data = feedbacklist }, JsonRequestBehavior.AllowGet);
        }
    }

接近

@节脚本{

    $(document).ready(function () {
        $(document).on("click", ".opencomment", function () {
            var mycomment = $(this).data('id');
            $('.modal-body #commentdesc').html(mycomment);
            // $('#myModal').modal('show');
        });
        jQuery.extend(jQuery.fn.dataTableExt.oSort, {
            "date-uk-pre": function (a) {
                var ukDatea = a.split('/');
                return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
            },

            "date-uk-asc": function (a, b) {
                return ((a < b) ? -1 : ((a > b) ? 1 : 0));
            },

            "date-uk-desc": function (a, b) {
                return ((a < b) ? 1 : ((a > b) ? -1 : 0));
            }
        });
        $('#FeedbackDetails').DataTable({

            "processing": true,

            "ajax": {
                "url": "/ViewFeedback/LoadData",
                "type": "GET",
                "datatype": "json"
            },
            "lengthMenu": [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "All"]
            ],
            "autoWidth": true,
            "responsive": true,
            "lengthChange": true,
            "ordering": true,
            "fnRowCallback": function (nRow, aData, iDisplayIndex) {
                var oSettings = this.fnSettings();
                $("td:first", nRow).html(oSettings._iDisplayStart + iDisplayIndex + 1);
                return nRow;
            },


            "columns": [
                { "data": null, "autoWidth": true },
                { "data": "FeedbackUserName", "name": "User Name", "autoWidth": true },
                { "data": "FeedBackUserEmailID", "name": "Email ID", "autoWidth": true },
                { "data": "FeedBackComment", "name": "Comment", "autoWidth": true },
                { "data": "Designation", "name": "Designation", "autoWidth": true },
                { "data": "Organization", "name": "Organization", "autoWidth": true },
                { "data": "ContactNo", "name": "Contact No", "autoWidth": true },
                { "data": "City", "name": "City", "autoWidth": true },
                {
                    "data": "Feedback_Date", "sType": "date-uk", "autoWidth": true

                },


            ],


            columnDefs: [{

                targets: 3,
                //data:"FeedbackID",
                render: function (data, type, row, meta) {
                    if (type === 'display' && data.length > 40) {
                        return '<span title="' + data + '">' + data.substr(0, 38) + '...<a href="" data-id="' + data + '" data-toggle="modal" class="opencomment" data-target="#myModal">Show More</a>';

                    }
                    else {
                        return data;
                    }


                }

            }],

            "language": {
                "emptyTable": "No Events Found Related To This User"

            },
        });
    });



public ActionResult Index()
    {
        ViewBag.years = new SelectList(Enumerable.Range(DateTime.Today.Year, 20).Select(x => new SelectListItem()
        {
            Text = x.ToString(),
            Value = x.ToString()
        }), "Value", "Text");

            return View();
    }

public ActionResult LoadData()
    {
        using (var Ms = new DHIFeedbackEntities5())
        {
            var feedbacklist = Ms.fetchrecord().ToList();
            return Json(new { data = feedbacklist }, JsonRequestBehavior.AllowGet);
        }
    }

$（文档）.ready（函数（）{
$（document）.on（“click”，“.opencomment”，函数（）{
var mycomment=$（this.data（'id'）；
$（'.modal body#commentdesc'）.html（mycomment）；
//$（'myModal'）.modal（'show'）；
});
extend（jQuery.fn.dataTableExt.oSort{
“英国日期前”：功能（a）{
var-ukDatea=a.split（'/'）；
返回（ukDatea[2]+ukDatea[1]+ukDatea[0]）*1；
},
“日期英国asc”：功能（a、b）{
回报率（（ab）？1:0）；
},
“日期描述”：功能（a、b）{
回报率（（ab）？-1:0）；
}
});
$（“#反馈详细信息”）.DataTable({
“处理”：对，
“ajax”：{
“url”：“/ViewFeedback/LoadData”，
“类型”：“获取”，
“数据类型”：“json”
},
“长度菜单”：[
[5, 10, 25, 50, 100, -1],
[5,10,25,50,100，“全部”]
],
“自动宽度”：正确，
“响应”：正确，
“长度变化”：没错，
“排序”：正确，
“fnRowCallback”：函数（nRow、aData、iDisplayIndex）{
var oSettings=this.fnSettings（）；
$（“td:first”，nRow）.html（oSettings._iDisplayStart+iDisplayIndex+1）；
返回nRow；
},
“栏目”：[
{“data”：null，“autoWidth”：true}，
{“数据”：“反馈用户名”，“名称”：“用户名”，“自动宽度”：true}，
{“data”：“FeedBackUserEmailID”，“name”：“Email ID”，“autoWidth”：true}，
{“data”：“FeedBackComment”，“name”：“Comment”，“autoWidth”：true}，
{“data”：“Designation”，“name”：“Designation”，“autoWidth”：true}，
{“data”：“Organization”，“name”：“Organization”，“autoWidth”：true}，
{“data”：“ContactNo”，“name”：“ContactNo”，“autoWidth”：true}，
{“数据”：“城市”、“名称”：“城市”、“自动宽度”：true}，
{
“数据”：“反馈日期”，“样式”：“英国日期”，“自动宽度”：真
},
],
columnDefs：[{
目标：3，
//数据：“反馈ID”，
呈现：函数（数据、类型、行、元）{
如果（类型=='display'&&data.length>40）{
返回'+data.substr（0,38）+'…'；
}
否则{
返回数据；
}
}
}],
“语言”：{
“emptyTable”：“未找到与此用户相关的事件”
},
});
});
公共行动结果索引（）
{
ViewBag.years=新建SelectList（Enumerable.Range（DateTime.Today.Year，20）。选择（x=>new SelectListItem（）
{
Text=x.ToString（），
值=x.ToString（）
})“价值”、“文本”）；
返回视图（）；
}
公共操作结果加载数据（）
{
使用（var Ms=new DHIFeedbackEntities5（））
{
var feedbacklist=Ms.fetchrecord（）.ToList（）；
返回Json（新的{data=feedbacklist}，JsonRequestBehavior.AllowGet）；
}
}

您可以使用DataTables搜索插件，您可以在此处阅读

    $(document).ready(function () {
        $(document).on("click", ".opencomment", function () {
            var mycomment = $(this).data('id');
            $('.modal-body #commentdesc').html(mycomment);
            // $('#myModal').modal('show');
        });
        jQuery.extend(jQuery.fn.dataTableExt.oSort, {
            "date-uk-pre": function (a) {
                var ukDatea = a.split('/');
                return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
            },

            "date-uk-asc": function (a, b) {
                return ((a < b) ? -1 : ((a > b) ? 1 : 0));
            },

            "date-uk-desc": function (a, b) {
                return ((a < b) ? 1 : ((a > b) ? -1 : 0));
            }
        });
        $('#FeedbackDetails').DataTable({

            "processing": true,

            "ajax": {
                "url": "/ViewFeedback/LoadData",
                "type": "GET",
                "datatype": "json"
            },
            "lengthMenu": [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "All"]
            ],
            "autoWidth": true,
            "responsive": true,
            "lengthChange": true,
            "ordering": true,
            "fnRowCallback": function (nRow, aData, iDisplayIndex) {
                var oSettings = this.fnSettings();
                $("td:first", nRow).html(oSettings._iDisplayStart + iDisplayIndex + 1);
                return nRow;
            },


            "columns": [
                { "data": null, "autoWidth": true },
                { "data": "FeedbackUserName", "name": "User Name", "autoWidth": true },
                { "data": "FeedBackUserEmailID", "name": "Email ID", "autoWidth": true },
                { "data": "FeedBackComment", "name": "Comment", "autoWidth": true },
                { "data": "Designation", "name": "Designation", "autoWidth": true },
                { "data": "Organization", "name": "Organization", "autoWidth": true },
                { "data": "ContactNo", "name": "Contact No", "autoWidth": true },
                { "data": "City", "name": "City", "autoWidth": true },
                {
                    "data": "Feedback_Date", "sType": "date-uk", "autoWidth": true

                },


            ],


            columnDefs: [{

                targets: 3,
                //data:"FeedbackID",
                render: function (data, type, row, meta) {
                    if (type === 'display' && data.length > 40) {
                        return '<span title="' + data + '">' + data.substr(0, 38) + '...<a href="" data-id="' + data + '" data-toggle="modal" class="opencomment" data-target="#myModal">Show More</a>';

                    }
                    else {
                        return data;
                    }


                }

            }],

            "language": {
                "emptyTable": "No Events Found Related To This User"

            },
        });
    });



public ActionResult Index()
    {
        ViewBag.years = new SelectList(Enumerable.Range(DateTime.Today.Year, 20).Select(x => new SelectListItem()
        {
            Text = x.ToString(),
            Value = x.ToString()
        }), "Value", "Text");

            return View();
    }

public ActionResult LoadData()
    {
        using (var Ms = new DHIFeedbackEntities5())
        {
            var feedbacklist = Ms.fetchrecord().ToList();
            return Json(new { data = feedbacklist }, JsonRequestBehavior.AllowGet);
        }
    }

    $(document).ready(function () {
        $(document).on("click", ".opencomment", function () {
            var mycomment = $(this).data('id');
            $('.modal-body #commentdesc').html(mycomment);
            // $('#myModal').modal('show');
        });
        jQuery.extend(jQuery.fn.dataTableExt.oSort, {
            "date-uk-pre": function (a) {
                var ukDatea = a.split('/');
                return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
            },

            "date-uk-asc": function (a, b) {
                return ((a < b) ? -1 : ((a > b) ? 1 : 0));
            },

            "date-uk-desc": function (a, b) {
                return ((a < b) ? 1 : ((a > b) ? -1 : 0));
            }
        });
        $('#FeedbackDetails').DataTable({

            "processing": true,

            "ajax": {
                "url": "/ViewFeedback/LoadData",
                "type": "GET",
                "datatype": "json"
            },
            "lengthMenu": [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "All"]
            ],
            "autoWidth": true,
            "responsive": true,
            "lengthChange": true,
            "ordering": true,
            "fnRowCallback": function (nRow, aData, iDisplayIndex) {
                var oSettings = this.fnSettings();
                $("td:first", nRow).html(oSettings._iDisplayStart + iDisplayIndex + 1);
                return nRow;
            },


            "columns": [
                { "data": null, "autoWidth": true },
                { "data": "FeedbackUserName", "name": "User Name", "autoWidth": true },
                { "data": "FeedBackUserEmailID", "name": "Email ID", "autoWidth": true },
                { "data": "FeedBackComment", "name": "Comment", "autoWidth": true },
                { "data": "Designation", "name": "Designation", "autoWidth": true },
                { "data": "Organization", "name": "Organization", "autoWidth": true },
                { "data": "ContactNo", "name": "Contact No", "autoWidth": true },
                { "data": "City", "name": "City", "autoWidth": true },
                {
                    "data": "Feedback_Date", "sType": "date-uk", "autoWidth": true

                },


            ],


            columnDefs: [{

                targets: 3,
                //data:"FeedbackID",
                render: function (data, type, row, meta) {
                    if (type === 'display' && data.length > 40) {
                        return '<span title="' + data + '">' + data.substr(0, 38) + '...<a href="" data-id="' + data + '" data-toggle="modal" class="opencomment" data-target="#myModal">Show More</a>';

                    }
                    else {
                        return data;
                    }


                }

            }],

            "language": {
                "emptyTable": "No Events Found Related To This User"

            },
        });
    });



public ActionResult Index()
    {
        ViewBag.years = new SelectList(Enumerable.Range(DateTime.Today.Year, 20).Select(x => new SelectListItem()
        {
            Text = x.ToString(),
            Value = x.ToString()
        }), "Value", "Text");

            return View();
    }

public ActionResult LoadData()
    {
        using (var Ms = new DHIFeedbackEntities5())
        {
            var feedbacklist = Ms.fetchrecord().ToList();
            return Json(new { data = feedbacklist }, JsonRequestBehavior.AllowGet);
        }
    }