javascript - 在引导表中排序日期字段(时刻 js)
问题描述
我有 JSON 数据,我正在渲染到 Bootstrap-Table (bootstrap-4)。我希望所有列都是可排序的。我无法对转换为 moment.js 格式(MMM DD、YYYY)的 ISO 日期进行排序。我无法根据标题 click 对日期进行排序。这可能吗?
var $table = $('#table')
$(function() {
var data = [
{
'dt': '2020-05-04T00:00:00.000Z',
'name': 'Item 1',
'price': '$1'
},
{
'dt': '2020-06-27T00:00:00.000Z',
'name': 'Item 2',
'price': '$2'
},
{
'dt': '2020-06-17T00:00:00.000Z',
'name': 'Item 3',
'price': '$3'
},
{
'dt': '2020-06-28T00:00:00.000Z',
'name': 'Item 4',
'price': '$4'
},
{
'dt': '2020-05-08T00:00:00.000Z',
'name': 'Item 5',
'price': '$5'
}
]
data.forEach(d=>{
d.dt = moment(d.dt).format('MMM DD, YYYY')
});
function datesSorter(a, b) {
if (new Date(a) < new Date(b)) return 1;
if (new Date(a) > new Date(b)) return -1;
return 0;
}
$table.bootstrapTable({data: data})
})
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<link href="https://unpkg.com/bootstrap-table@1.17.1/dist/bootstrap-table.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://momentjs.com/downloads/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.31/moment-timezone-with-data.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.17.1/dist/bootstrap-table.min.js"></script>
<table id="table"
data-search="true">
<thead>
<tr>
<th data-field="dt" data-sortable="true" data-sorter="datesSorter">Date</th>
<th data-field="name">Item Name</th>
<th data-field="price">Item Price</th>
</tr>
</thead>
</table>
有没有类似于数据表版本的东西$.fn.dataTable.moment
?如何使用引导表对日期进行排序
解决方案
推荐阅读
- php - 如何检查一个数组是否按顺序在php中包含另一个数组?
- c# - 如何处理从 C# 中的 C++ DLL 返回的 IntPtr?
- c# - MemCached 覆盖 dotnetcore 默认会话
- c# - 列表“GetEnumerator”错误中的 foreach 数据表
- c# - FB Messenger 上 JSON 中指定的 Botframework V4 错误解析类型
- php - preg_match 匹配一个 NULL 主题
- c# - 实体框架 - 列名“User_ID”无效
- sql - 获取存储过程中变量的行数
- php - protobuf 生成的类中未定义的 php 方法
- asp.net-mvc - Asp.Net Framework 4.6 MVC 与托管在 .Net Core WebApi 上的 SignalR 通信