DataTables comment puis-je afficher uniquement la date plutôt que datetime

Je suis en utilisant le côté de serveur de traitement que par la Django exemple dans DataTables. - Je retourner des valeurs datetime au format 'yyyy-mm-dd hh:mm:ss'. Ces valeurs de date et heure sont actuellement affichée comme ceci (par exemple):

Déc. 18, 2011, 11:59 h

Je voudrais afficher la date de la partie plutôt que de fois la date et l'heure.

C'est ce que j'ai dans ma page html:

<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function() {
        $('#certs-table').dataTable({
                "bJQueryUI": true,
                "sPaginationType": "full_numbers",
                "bProcessing": true,
                "bServerSide": true, 
                "sAjaxSource": "/cars/get_cars_list/",
                "iDisplayLength": 10,
                "aoColumnDefs": [
                        { "aTargets": [0], "bVisible": false, "bSearchable": false},
                        { 
                          "aTargets": [1], 
                           "fnRender": function ( oObj ) {
                                return '<a href=\"/cars/' + oObj.aData[0] + '/\">' + oObj.aData[1] + '</a>';
                            },
                          "bSearchable": true, 
                        },
                        { "aTargets": [2], "bSearchable": true},
                        { "aTargets": [3], "bSearchable": false, "sType": 'date'},
                ]
        });
} );
/* ]]> */
</script>

La date est la 4ème colonne, c'est à dire, aTarget[3].

Comment puis-je afficher la date partie s'il vous plaît? Je n'ai commencé à l'aide de tables de données/JQuery hier, ce serait vraiment apprécier un exemple. Merci.

OriginalL'auteur half_full | 2011-07-11

datatables jquery

4

Je pense que la meilleure whay serait de convertir les données côté serveur et il suffit de retourner le format de date que vous souhaitez, mais vous pouvez également
```
 { "aTargets": [3], 
   "bSearchable": false, 
   "sType": 'date',
   "fnRender": function ( oObj ) {
              var javascriptDate = new Date(oObj.aData[0]);
              javascriptDate = javascriptDate.getDate()+"/"+javascriptDate.getMonth()+"/"+javascriptDate.getFullYear();
              return "<div class= date>"+javascriptDate+"<div>";
              }
 }
```
pas vraiment une réponse complète, que getMonth retourne un index de base zéro, de sorte Jan = 0, mais donne une fondation pour fil dans votre propre mise en forme ========================== La méthode getMonth() la méthode renvoie le mois (de 0 à 11) pour la date spécifiée selon l'heure locale. Remarque: janvier est 0, le mois de février est 1, et ainsi de suite.

OriginalL'auteur Nicola Peluchetti
5

Il est souvent préférable de retourner la date de l'heure UTC en tant que chaîne JSON à partir du serveur et puis la formater dans le navigateur avec la locale de l'utilisateur, les paramètres de format. J'aime utiliser moment.js à faire la mise en forme. Exemple:
```
"aoColumnDefs": [
    {   //format the date for local time
        "aTargets" : [ 1, 5], //indexes of whatever columns you need to format
        "mRender": function ( data, type, full ) {
            if(data){
                var mDate = moment(data);
                return (mDate && mDate.isValid()) ? mDate.format("L LT") : "";
            }
            return "";
        }
    }
]
```
Il existe différentes chaînes, vous pouvez retour qui va travailler avec moment. Assurez-vous de spécifier le décalage (Z) comme +0000 sinon, la date sera analysée en heure locale.
```
moment("2010-10-20 4:30"); //parsed as 4:30 local time
moment("2010-10-20 4:30 +0000"); //parsed as 4:30 UTC 
```
Salut j'ai le même problème. J'ai utilisé ton code et ça ne fonctionne pas? Je viens de copier collé votre code, sauf le format de date que j'ai changé en "dd-MM-yyyy" j'espère que ça devrait fonctionner, mais il ne l'est pas. Pouvez-vous donner une suggestion?

OriginalL'auteur Alex

Les réponses précédentes sont à l'aide de l'héritage tables de données de l'API. Le la syntaxe pour les versions 1.10+ est:

"columnDefs": [
    {
        "targets": [6, 7],
        "type" : "date",
        "render": function (data) {
            if (data !== null) {
                var javascriptDate = new Date(data);
                javascriptDate = javascriptDate.getMonth() + 1 + "/" + javascriptDate.getDate() + "/" + javascriptDate.getFullYear();
                return javascriptDate;
            } else {
                return "";
            }
        }
    }
]

OriginalL'auteur devlin carnate

Vous devez vous connecter pour publier un commentaire.