Saltar al contenido

formatee la fecha json en formato mm / dd / aa antes de mostrarla en una tabla de datos jquery

Solución:

Puede utilizar la propiedad “render” para formatear la visualización de su columna http://datatables.net/reference/option/columns.render#function.

Por ejemplo:

{
    "data": "createdTime",
    "render": function (data) {
        var date = new Date(data);
        var month = date.getMonth() + 1;
        return (month.toString().length > 1 ? month : "0" + month) + "https://foroayuda.es/" + date.getDate() + "https://foroayuda.es/" + date.getFullYear();
    }
}

Para una fecha y hora anulable, DateTime ?, querrá utilizar una función de representación diferente:

        $('#userData').DataTable({
        columns: [
            { "data": "userId"},
            {"data": "userCreated",
             "type": "date ",
             "render":function (value) {
                 if (value === null) return "";

                  var pattern = /Date(([^)]+))/;
                  var results = pattern.exec(value);
                  var dt = new Date(parseFloat(results[1]));

                  return (dt.getMonth() + 1) + "https://foroayuda.es/" + dt.getDate() + "https://foroayuda.es/" + dt.getFullYear();}
            }
        ]};

He creado una demostración usando moment js y uso de la función de renderizado para convertir los datos json en el formato requerido.

demostración de jsfiddle

también encuentre el código a continuación:

testdata = [{
    "id": "58",
        "country_code": "UK",
        "title": "Legal Director",
        "pubdate": "1422454697373",
        "url": "http://..."
}, {
    "id": "59",
        "country_code": "UK",
        "title": "Solutions Architect,",
        "pubdate": "1422454697373",
        "url": "http://..."
}];

$('#test').dataTable({
    "aaData": testdata,
        "aoColumns": [{
        "mDataProp": "id"
    }, {
        "mDataProp": "country_code"
    }, {
        "mDataProp": "title"
    }, {
        "mDataProp": "pubdate"
    }, {
        "mDataProp": "url"
    }],
        "columnDefs": [{
        "targets": 3,
            "data": "pubdate",
            "render": function (data, type, full, meta) {
                console.log('hi...');
            console.log(data);
                console.log(type);
                console.log(full);
                console.log(meta);
            return moment.utc(data, "x").toISOString();
        }
    }]
});
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *