Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Ordinamento datatable by data italiana

    Salve a tutti ho una tabella :

    codice:
    <div class='table-responsive'>
    
    				<table id='datatable' class='table table-striped table-bordered  table-advance table-hover'>
    
    					<thead>
    
    						<tr> 
    
    <th>Cliente</th>
    
    <th>Data</th>
    
    <th>Ora Partenza</th>
    
    <th>Ora Arrivo</th>
    
    <th>Luogo Partenza</th>
    
    <th>Luogo Arrivo</th>
    
    <th>Note</th>
    
    			</tr>
    
    					</thead>
    
    					<tbody>
    
    
    
    
    
    	   <tr> 
    
    <td> 
    
          Hotel Baglioni
    
    </td>
    
    
    
    
    
    <td> 13-02-2017</td>
    
    <td> 04:00</td>
    
    <td> 04:30</td>
    
    <td> Barberino Di Mugello</td>
    
    <td> Trani</td>
    
    <td> pto</td>
    
    </tr>
    
    
    
    
    
    	   <tr> 
    
    <td> 
    
          Hotel Baglioni
    
    </td>
    
    
    
    
    
    
    
    <td> 28-02-2017</td>
    
    <td> 00:45</td>
    
    <td> 02:00</td>
    
    <td> Campobasso</td>
    
    <td> Pescara</td>
    
    
    
    <td>Viaggio a </td>
    
    
    
    </tr>
    
    
    
    
    
    	
    
    
    
    
    
    
    
    
    
    
    
    	   <tr> 
    
    <td> 
    
          Hotel Baglioni
    
    </td>
    
    
    
    <td> 02-03-2017</td>
    
    <td> 03:45</td>
    
    <td> 04:00</td>
    
    <td> Pisa</td>
    
    <td> Napoli</td>
    
    <td> </td>
    
    </tr>
    
    
    
    
    
    	   <tr> 
    
    <td> 
    
          Hotel Excelsior
    
    </td>
    
    
    
    
    
    
    
    <td> 03-03-2017</td>
    
    <td> 00:45</td>
    
    <td> 03:45</td>
    
    <td> Catania</td>
    
    <td> Palermo</td>
    
    <td> 25</td>
    
    </tr>
    
    
    
    
    
    	   <tr> 
    
    <td> 
    
          Hotel Astor
    
    </td>
    
    
    
    <td> 
    
          
    
    </td>
    
    
    
    <td> 03-03-2017</td>
    
    <td> 00:00</td>
    
    <td> 00:45</td>
    
    <td> Barberino Di Mugello</td>
    
    <td> Palermo</td>
    
    
    
    
    
    <td> </td>
    
    </tr>
    
    
    
    
    
    	
    
    
    
    
    
    	   <tr> 
    
    <td> 
    
          Hotel Baglioni
    
    </td>
    
    
    
    
    
    <td> 07-03-2017</td>
    
    <td> 04:45</td>
    
    <td> 09:00</td>
    
    <td> Trani</td>
    
    <td> Caltanissetta</td>
    
    
    
    <td> aaa</td>
    
    </tr>
    
    
    
    
    
    	   <tr> 
    
    <td> 
    
          Hotel Baglioni
    
    </td>
    
    
    
    
    
    <td> 27-02-2017</td>
    
    <td> 05:15</td>
    
    <td> 08:45</td>
    
    <td> Piazza Armerina</td>
    
    <td> Enna</td>
    
    <td> </td>
    
    </tr>
    
    
    
    
    
    	   <tr> 
    
    <td> 
    
          Hotel Baglioni
    
    </td>
    
    
    
    
    
    
    
    <td> 17-03-2017</td>
    
    <td> 04:30</td>
    
    <td> 05:15</td>
    
    <td> Catania</td>
    
    <td> Trani</td>
    
    <td> prova nota </td>
    
    </tr>
    
    			
    
    		 
    
    	</tbody>
    
    	   </table>
    questo il js :

    codice:
    
        <script>
          $(document).ready(function() {
            var handleDataTableButtons = function() {
              if ($('#datatable-buttons').length) {
                $('#datatable-buttons').DataTable({
                  dom: 'Bfrtip',
                  buttons: [
                    {
                      extend: 'copy',
                      className: 'btn-sm'
                    },
                    {
                      extend: 'csv',
                      className: 'btn-sm'
                    },
                    {
                      extend: 'excel',
                      className: 'btn-sm'
                    },
                    {
                      extend: 'pdfHtml5',
                      className: 'btn-sm'
                    },
                    {
                      extend: 'print',
                      className: 'btn-sm'
                    },
                  ],
                  responsive: true
                });
              }
            };
    
    
            TableManageButtons = function() {
              'use strict';
              return {
                init: function() {
                  handleDataTableButtons();
                }
              };
            }();
    
    
            $('#datatable').DataTable( {
                "order": [[ 0, "desc" ]]
            } );
            
            $('#datatable-keytable').DataTable({
              keys: true
            });
    
    
            $('#datatable-responsive').DataTable();
    
    
            $('#datatable-scroller').DataTable({
              ajax: 'js/datatables/json/scroller-demo.json',
              deferRender: true,
              scrollY: 380,
              scrollCollapse: true,
              scroller: true
            });
    
    
            $('#datatable-fixed-header').DataTable({
              fixedHeader: true
            });
    
    
            var $datatable = $('#datatable-checkbox');
    
    
    
    
            $datatable.on('draw.dt', function() {
              $('input').iCheck({
                checkboxClass: 'icheckbox_flat-green'
              });
            });
    
    
            TableManageButtons.init();
          });
        </script>
    E possibile ordinarla tramite la data in italiano , ho trovato una soluzione un pò barbara cioè di mettere la data nel formato uk all'inizio e cancellare il campo ma però non ho l'utilità di premere sul campo per ordinare.

  2. #2
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,360
    L'unico modo per ordinare correttamente le date è il formato SSAAMMGG. Il formato inglese vale solo per l'anno corrente.
    Ridatemi i miei 1000 posts persi !!!!
    Non serve a nulla ottimizzare qualcosa che non funziona.
    Cerco il manuale dell'Olivetti LOGOS 80B - www.emmella.fr

  3. #3
    Quote Originariamente inviata da badaze Visualizza il messaggio
    L'unico modo per ordinare correttamente le date è il formato SSAAMMGG. Il formato inglese vale solo per l'anno corrente.
    Perchè?il campo anno è sempre ordinabile 2017 è + grande di 2016 poi controllo il mese 12 è piùgrande di 3 e il giorno 25 >5 .

  4. #4
    Modifica la tabella così:
    codice:
    <td><span class="hide">2016-12-31</span> 31/12/2016</td>
    Bootstrap dovrebbe nascondere la data nel formato anglosassone, grazie alla classe hide.

  5. #5
    Quote Originariamente inviata da lucavizzi Visualizza il messaggio
    Modifica la tabella così:
    codice:
    <td><span class="hide">2016-12-31</span> 31/12/2016</td>
    Bootstrap dovrebbe nascondere la data nel formato anglosassone, grazie alla classe hide.

    leggisopra:

    ho trovato una soluzione un pò barbara cioè di mettere la data nel formato uk all'inizio e cancellare il campo ma però non ho l'utilità di premere sul campo per ordinare.

  6. #6
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,360
    Quote Originariamente inviata da pippuccio76 Visualizza il messaggio
    Perchè?il campo anno è sempre ordinabile 2017 è + grande di 2016 poi controllo il mese 12 è piùgrande di 3 e il giorno 25 >5 .
    Il formato UK è MMGGSSAA.
    Ridatemi i miei 1000 posts persi !!!!
    Non serve a nulla ottimizzare qualcosa che non funziona.
    Cerco il manuale dell'Olivetti LOGOS 80B - www.emmella.fr

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.