Saltar al contenido

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

Hola usuario de nuestro sitio, hallamos la respuesta a tu búsqueda, desplázate y la hallarás aquí.

Solución:

Puede usar la propiedad “renderizar” 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) + "/" + date.getDate() + "/" + date.getFullYear();
    

Para una fecha y hora anulable, DateTime?, querrá usar 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) + "/" + dt.getDate() + "/" + dt.getFullYear();
            
        ];

Creé una demostración usando moment js y uso de la función de procesamiento para convertir los datos json al formato requerido.

demostración 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();
        
    ]
);

Sección de Reseñas y Valoraciones

Si aceptas, puedes dejar una división acerca de qué te ha impresionado de este tutorial.

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