Javascript Datatables日期时间插件不工作
我想按最新的日期顺序对表中的“创建日期”列进行排序。我看到一个论坛使用了datetime datatable排序插件,但效果不好。你能帮我弄清楚吗?这是我的密码Javascript Datatables日期时间插件不工作,javascript,jquery,datetime,datatables,Javascript,Jquery,Datetime,Datatables,我想按最新的日期顺序对表中的“创建日期”列进行排序。我看到一个论坛使用了datetime datatable排序插件,但效果不好。你能帮我弄清楚吗?这是我的密码 <script src="{{ asset('promed_admin/assets/js/jquery-1.10.2.js') }}"></script> <script src="{{ asset('promed_admin/assets/js/jquery-1.12.0.min.js') }}"&g
<script src="{{ asset('promed_admin/assets/js/jquery-1.10.2.js') }}"></script>
<script src="{{ asset('promed_admin/assets/js/jquery-1.12.0.min.js') }}"></script>
<script src="{{ asset('promed_admin/assets/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('promed_admin/assets/js/bootstrap_latest.js') }}"></script>
<script src="{{ asset('promed_admin/assets/js/dataTables/moment.min.js') }}"></script>
<script src="{{ asset('promed_admin/assets/js/dataTables/datetime-moment.js') }}"></script>
$(function(){
$.fn.dataTable.moment('YYYY-MM-DD HH:mm:ss');
$('#table-prod-contents').DataTable({
columnDefs : [
{ type : 'date', targets : [10] }
]
});
});
$(函数(){
$.fn.dataTable.moment('YYYY-MM-DD HH:MM:ss');
$(“#表产品内容”).DataTable({
columnDefs:[
{键入:“日期”,目标:[10]}
]
});
});
我的桌子
<table id="table-prod-contents" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th></th>
<th>Product Name</th>
<th>Description</th>
<th>Type</th>
<th>Unit</th>
<th>Packaging</th>
<th>Lot</th>
<th>Price</th>
<th>Quantity</th>
<!--<th>Amount</th>-->
<th>Expiry Date</th>
<th>Date Created</th>
</tr>
</thead>
<tbody>
@foreach($products as $val)
<tr class="tbl-prod-row">
<td><input type='checkbox'<?php //echo (($user_level == $admin_text) ? "" : 'disabled=disabled'); ?> style='width:30px; height:20px;' class='radio_check_all prod-id-checkbox' id='radio_check_all prod-id-checkbox' value="{{ $val->id }}"></td>
<td><input type="hidden" display="none" class="pharma" value="{{ $val->pharmaceutical }}">{{ $val->pharmaceutical }}</input></td>
<td>{{ $val->description }}</td>
<td>{{ $val->type }}</td>
<td>{{ $val->unit }}</td>
<td>{{ $val->packaging }}</td>
<td>{{ $val->lot }}</td>
<td style="text-align:center;">{{ $val->price }}</td>
<td style="color:#fff; text-align:center; <?php echo (( $val->quantity <= 10 ) ? "background-color:#C00" : "background-color:#25A602" ); ?>">{{ $val->quantity }}</td>
<!--<td style="text-align:center;">{{ $val->amount }}</td>-->
<td>{{ $val->expiry_date_month }}</td>
<td>{{ $val->created_at }}</td>
</tr>
@endforeach
</tbody>
</table>
品名
描述
类型
单位
包装
很多
价格
量
到期日
创建日期
@foreach($val形式的产品)
由于日期字符串moment.js
返回的是date.parse()
columnDefs : [
{ type : 'date', targets : [13] }
],
结果:Hi!你有任何JS错误吗?是否包含DataTables jQuery插件?没有错误。查看上面包含的javascript文件列表。目标:[13]是什么意思?是示例JSFIDLE中的列号。。。。在您的代码是9或10的订单中,您的数据@EliI刚刚更新了我的上述代码。我已经将“创建日期”字段所在的目标更改为10,但仍然不起作用。将$(“#表产品内容”).DataTable更改为$(“#表产品内容”).DataTable和try@Eli我想这是你想要的??或者,呈现表格的数据是什么,请显示您的数据