嗨，有人可以帮我理解为什么这个脚本只能在 safari 上运行，它的目的是让表格从最新到最旧，但我不明白为什么它只能在 safari 中正常运行

显然我希望它可以与 Chrome、firefox 和 edge 一起使用

我已经尝试了每个 jquery 版本，但它只适用于 safari

时间戳

首页 > 解决方案 > 使用 JavaScript (jQuery) 进行排序

嗨，有人可以帮我理解为什么这个脚本只能在 safari 上运行，它的目的是让表格从最新到最旧，但我不明白为什么它只能在 safari 中正常运行

显然我希望它可以与 Chrome、firefox 和 edge 一起使用

我已经尝试了每个 jquery 版本，但它只适用于 safari

jquery - 使用 JavaScript (jQuery) 进行排序

嗨，有人可以帮我理解为什么这个脚本只能在 safari 上运行，它的目的是让表格从最新到最旧，但我不明白为什么它只能在 safari 中正常运行

显然我希望它可以与 Chrome、firefox 和 edge 一起使用

我已经尝试了每个 jquery 版本，但它只适用于 safari

问题描述

嗨，有人可以帮我理解为什么这个脚本只能在 safari 上运行，它的目的是让表格从最新到最旧，但我不明白为什么它只能在 safari 中正常运行

显然我希望它可以与 Chrome、firefox 和 edge 一起使用

我已经尝试了每个 jquery 版本，但它只适用于 safari

$('tr.Entries').each(function() {
  var $this = $(this),
    t = this.cells[1].textContent.split('-');
  $this.data('_ts', new Date(t[2], t[1] - 1, t[0]).getTime());
}).sort(function(a, b) {
  return $(a).data('_ts') > $(b).data('_ts');
}).appendTo('tbody');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table-bordered" border="1">
  <thead>
    <tr class="Headers">
      <th>Number</th>
      <th>uploaded</th>
      <th>file</th>
    </tr>
  </thead>
  <tbody>
    <tr class="Entries" data-id="13">
      <td data-field-type="string">1234</td>
      <td data-field-type="date">01/04/2015 03:21:44pm</td>
      <td>9393939828282</td>
    </tr>
    <tr class="Entries" data-id="24">
      <td data-field-type="string">1352</td>
      <td data-field-type="date">04/10/2012 12:31:09pm</td>
      <td>1238383</td>
    </tr>
    <tr class="Entries" data-id="8">
      <td data-field-type="string">1124</td>
      <td data-field-type="date">13/05/2014 02:51:12pm</td>
      <td>0934899</td>
    </tr>
    <tr class="Entries" data-id="23">
      <td data-field-type="string">1652</td>
      <td data-field-type="date">07/11/2013 08:19:59pm</td>
      <td>929474900</td>
    </tr>
    <tr class="Entries" data-id="23">
      <td data-field-type="string">1652</td>
      <td data-field-type="date">04/12/2013 07:21:43pm</td>
      <td>8837483</td>
    </tr>
  </tbody>
</table>

zone1 = [
    { name: 'Capot avant', checked: false },
    { name: 'Pare-chocs avant', checked: false }
  ]

get selectedZone1() {enter code here
    return this.zone1.filter(item => item.checked).map(item => item.name)
  }


        <!-- zone 1 -->
  <ul>
    <h3 class="titre font-weight-bold zone"><b>ZONE 1</b></h3>
    <li *ngFor="let item of zone1">
      <mat-checkbox [(ngModel)]="item.checked">
        {{item.name}}
      </mat-checkbox>
    </li>
  </ul>

标签： jqueryhtml-table

解决方案

也许你打算这样做？

const re = /(\d{2})\/(\d{2})\/(\d{4}) (\d{2})\:(\d{2})\:(\d{2})(\w{2})/

const makeDate = ($tr) => {
  const [, dd, mm, yyyy, hh, mi, ss, mer] = $("[data-field-type=date]", $tr).eq(0).text()
    .match(re);
  const dString = `${mm}/${dd}/${yyyy} ${hh}:${mi}:${ss} ${mer.toUpperCase()}`;
  return new Date(dString).getTime()
};
const tbSort = tableId => {
  const $tb = $("#" + tableId + " tbody");
  $tb.append(
    $('tr.Entries', $tb).sort((a, b) => makeDate($(b)) - makeDate($(a))) // descending
  );
};

tbSort("table1")
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table-bordered" id="table1" border="1">
  <thead>
    <tr class="Headers">
      <th>Number</th>
      <th>uploaded</th>
      <th>file</th>
    </tr>
  </thead>
  <tbody>
    <tr class="Entries" data-id="13">
      <td data-field-type="string">1234</td>
      <td data-field-type="date">01/04/2015 03:21:44pm</td>
      <td>9393939828282</td>
    </tr>
    <tr class="Entries" data-id="24">
      <td data-field-type="string">1352</td>
      <td data-field-type="date">04/10/2012 12:31:09pm</td>
      <td>1238383</td>
    </tr>
    <tr class="Entries" data-id="8">
      <td data-field-type="string">1124</td>
      <td data-field-type="date">13/05/2014 02:51:12pm</td>
      <td>0934899</td>
    </tr>
    <tr class="Entries" data-id="23">
      <td data-field-type="string">1652</td>
      <td data-field-type="date">07/11/2013 08:19:59pm</td>
      <td>929474900</td>
    </tr>
    <tr class="Entries" data-id="23">
      <td data-field-type="string">1652</td>
      <td data-field-type="date">04/12/2013 07:21:43pm</td>
      <td>8837483</td>
    </tr>
  </tbody>
</table>

推荐阅读