簡體   English   中英

數據表日期時間插件不起作用

[英]Datatables datetime plugin not working

我想按最新日期順序對表格中的“創建日期”列進行排序。 我看到一個使用日期時間數據表排序插件的論壇,但它沒有正常工作。 你能幫我解決這個問題嗎? 這是我的代碼。

<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] }
              ]
          });

       });

我的桌子

<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>

表輸出: 在此處輸入圖片說明

數據庫表

在此處輸入圖片說明

由於moment.js返回的日期字符串是Date.parse()能夠'你可以這樣做:

columnDefs : [
    { type : 'date', targets : [13] }
], 

結果: http : //jsfiddle.net/t6snpgkf/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM