按日期按asc顺序对表进行排序

时间:2018-05-07 16:19:45

标签: javascript sorting html-table

我是javaScript的新手,我正在尝试创建一个从json文件中获取数据的函数,然后将来自json的特定数据存储到表中,一旦数据存储在表中,我就会想要它按日期排序(asc)

除了通过asc命令对日期进行排序之外我还能完成所有工作,我将如何进行此操作...以下是处理显示和将数据插入表中的代码

    <div class="row">
        <div class="col-md-4">
            <h2>List of races</h2>
            <table id="raceList">
			<thead>
                <tr>
                    <th id="raceName">Race Name</th>
                    <th id="Distance">Distance</th>
                    <th id="Date">Date</th>
                    <th id="Details">Details</th>
                </tr>
				</thead>
				<tbody>
				
				</tbody>
            </table>
        </div>

    </div>

function ListRaces(arr) {
    var table = document.getElementById("raceList");
   // table.innerHTML = "";
    for (var i = 0; i < arr.length; i++) {
		var row = table.insertRow(1);
        var cell1 = row.insertCell(0);
        var cell2 = row.insertCell(1);
		var cell3 = row.insertCell(2);
		var cell4 = row.insertCell(3);
		cell1.innerHTML = arr[i].race_name;
		cell2.innerHTML = LengthConverter(arr[i].racedistance);
		cell3.innerHTML = arr[i].date
		
    }
}

生成表的示例

enter image description here

0 个答案:

没有答案
相关问题