Discussion :

[AliciaSH]

Bonjour,
J'ai un code en HTML. Il y a un champs qui contient la date n'était pas trié.

Celui là mon petit code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<tbody>
    {% for statement in data %}
    <tr>
        <td><center>{{statement['ID_Piece']}}</center></td>
        <td style="text-align: left;">{{statement['ID_Article']}}</td>
        <td><center>{{statement['Annee']}}/{{statement['Mois']}}/{{statement['Jour']}}</center></td>   // Ce champ là qui contient la date
        <td style="text-align: left;">{{statement['CA']|number_format(2, '.', ' ')}}</td>
        <td><center>{{statement['Dev']}}</center></td>
        <td><center>{{statement['SA']}}</center></td>

Avant, le champs qui contient la date , il était comme ça:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<td><center>{{statement['Jour']}}/{{statement['Mois']}}/{{statement['Annee']}}</center></td>

Et j'ai ce script:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 <script type="text/javascript">
     $(document).ready(function(){	 
    $('#statable').DataTable();
     });
    </script>

Mais je l'ai inversé, et il est devenu trié, mais son format a été changé en anglais.
Comment je peux le changer sous format français et le laissé trié ?
S'il vous plait j'ai besoin de vos aides.
Merci

[headmax]

Tu as la possibilité d'utiliser un plugin fait pour ça selon la version utilisé : http://cdn.datatables.net/plug-ins/1...dd-MMM-yyyy.js
Ensuite il faudra l'initialisé dans ton code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
$('#statable').dataTable( {
     columnDefs: [
       { type: 'date-dd-mmm-yyyy', targets: 0 }
     ]
  } );

Sinon la version plus approprié et non deprécié : datetime. http://cdn.datatables.net/plug-ins/1...time-moment.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
    $.fn.dataTable.moment( 'HH:mm MMM D, YY' );
    $.fn.dataTable.moment( 'dddd, MMMM Do, YYYY' );
 
    $('#statable').dataTable();

example : https://codepen.io/headmax/pen/YENMYK