Javascript datatables.net无法按月份名称对页脚选择进行排序

Javascript datatables.net无法按月份名称对页脚选择进行排序,javascript,bootstrap-4,datatable,Javascript,Bootstrap 4,Datatable,对不起,我是新来的,不知道如何提问 我有一张工资表。有一列,用户可以通过该列按月查看员工的数据。我用过这个例子。但在页脚部分,它按字母顺序显示月份名称,但我希望它在一月、二月。。。。。十二月。 我已经在这里上传了测试用例。请查收 我的HTML代码是 <table id="example1" class="display table table-bordered"> <thead> <th>Name<

对不起,我是新来的,不知道如何提问

我有一张工资表。有一列,用户可以通过该列按月查看员工的数据。我用过这个例子。但在页脚部分,它按字母顺序显示月份名称,但我希望它在一月、二月。。。。。十二月。 我已经在这里上传了测试用例。请查收

我的HTML代码是

<table id="example1" class="display table table-bordered">
  <thead>
    <th>Name</th>
    <th data-field="start_date" data-sortable="true" data-footer-formatter="amountFormatter">Month</th>
    <th>Year</th>
    <th>Total salary</th>
  </thead>
  <tbody id="employee_data">
    <tr>
      <td>Akash</td>
      <td>December</td>
      <td>2020</td>
      <td>500</td>
    </tr>
    <tr>
      <td>Sumit</td>
      <td>March</td>
      <td>2020</td>
      <td>600</td>
    </tr>
    <tr>
      <td>Akash</td>
      <td>January</td>
      <td>2020</td>
      <td>500</td>
    </tr>
    <tr>
      <td>Sumit</td>
      <td>April</td>
      <td>2020</td>
      <td>500</td>
    </tr>
    <tr>
      <td>Sumit</td>
      <td>May</td>
      <td>2020</td>
      <td>500</td>
    </tr>
    <tr>
      <td>Akash</td>
      <td>February</td>
      <td>2020</td>
      <td>500</td>
    </tr>
    <tr>
      <td>Sumit</td>
      <td>January</td>
      <td>2020</td>
      <td>500</td>
    </tr>
    <tr>
      <td>Akash</td>
      <td>October</td>
      <td>2020</td>
      <td>500</td>
    </tr>
    <?php
                    }
                  ?>
  </tbody>
  <tfoot>
    <tr>
      <th>Name</th>
      <th>Month</th>
      <th>Year</th>
      <th>Total salary</th>
      <th></th>
    </tr>
  </tfoot>
</table>

名称
月
年
工资总额
阿卡什
十二月
2020
500
苏米特
前进
2020
600
阿卡什
一月
2020
500
苏米特
四月
2020
500
苏米特
也许
2020
500
阿卡什
二月
2020
500
苏米特
一月
2020
500
阿卡什
十月
2020
500
名称
月
年
工资总额

您是否尝试过对数据进行排序?你也可以共享你的js吗?看看这里:我的js如下:我的js文件是$(function(){$('#example1')。DataTable({initComplete:function(){this.api().columns([0,1,2,3])。every(function(){var column=this;var select=$('Show all')。appendTo($(column.footer()).empty())。on('change',函数(){var val=$.fn.dataTable.util.escapeRegex($(this.val());column.search(val?'^'+val+'$:'',true,false.draw();});column.data().unique().sort().each(函数(d,j){select.append('+d+'');}}})