MOSTRAR EN UNA TABLA LA FECHA PERO CON FORMATO dd-mm-yyyy jquery php mysql

COMO MOSTRAR EN UNA TABLA LA FECHA PERO CON FORMATO  dd-mm-yyyy la conversion para mostrarlo con jquery

ChatGPT
Si deseas mostrar la fecha en formato 'dd-mm-yyyy' en una tabla utilizando jQuery, puedes hacerlo mediante la biblioteca moment.js para formatear la fecha. Asegúrate de incluir la biblioteca moment.js en tu proyecto.

Aquí hay un ejemplo de cómo podrías lograrlo:

Modifica el código PHP para devolver la fecha en formato 'dd-mm-yyyy':
php
Copy code
<?php
// Conectar a la base de datos (reemplaza con tus credenciales)
$servername = "localhost";
$username = "tu_usuario";
$password = "tu_contraseña";
$dbname = "tu_base_de_datos";

$conn = new mysqli($servername, $username, $password, $dbname);

// Verificar la conexión
if ($conn->connect_error) {
    die("Conexión fallida: " . $conn->connect_error);
}

// Obtener la fecha de la base de datos (por ejemplo, en una consulta SELECT)
$sql = "SELECT nombre_campo_fecha FROM tu_tabla WHERE id = 1"; // Reemplaza 'id' y 'tu_tabla' según tu estructura

$result = $conn->query($sql);

if ($result->num_rows > 0) {
    $row = $result->fetch_assoc();
    $fecha = $row['nombre_campo_fecha'];

    // Devolver la fecha en formato 'dd-mm-yyyy'
    echo date("d-m-Y", strtotime($fecha));
} else {
    echo "No se encontraron resultados";
}

// Cerrar la conexión
$conn->close();
?>
En el script jQuery, formatea la fecha antes de mostrarla en la tabla:
html
Copy code
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mostrar Fecha en Tabla</title>

    <!-- Agregar jQuery y moment.js -->
    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
</head>
<body>

    <table id="tablaFecha">
        <thead>
            <tr>
                <th>Fecha</th>
            </tr>
        </thead>
        <tbody>
            <!-- Las filas de la tabla se llenarán dinámicamente con jQuery -->
        </tbody>
    </table>

    <!-- Agregar script para manejar la solicitud AJAX y mostrar la fecha en la tabla -->
    <script>
        $(document).ready(function(){
            // Realizar la solicitud AJAX para obtener la fecha desde PHP
            $.ajax({
                type: "POST",
                url: "procesar_formulario.php",
                success: function(response){
                    // Formatear la fecha con moment.js
                    var fechaFormateada = moment(response, "DD-MM-YYYY").format("DD-MM-YYYY");

                    // Insertar la fecha formateada en la tabla
                    var fila = "<tr><td>" + fechaFormateada + "</td></tr>";
                    $("#tablaFecha tbody").append(fila);
                }
            });
        });
    </script>

</body>
</html>
En este ejemplo, se utiliza la función date() de PHP para formatear la fecha en el formato 'dd-mm-yyyy' antes de devolverla al cliente. Luego, en el script jQuery, se usa moment.js para formatear la fecha antes de insertarla en la tabla. Asegúrate de ajustar las rutas y versiones de las bibliotecas según tu entorno de desarrollo.

User
sin el moment,js con pero con  vanilla js puro
ChatGPT
Si prefieres evitar el uso de la biblioteca moment.js y utilizar JavaScript puro (Vanilla JavaScript), puedes realizar la conversión de formato de fecha utilizando funciones nativas de JavaScript. Aquí hay un ejemplo:

Modifica el código PHP para devolver la fecha en formato 'dd-mm-yyyy':
php
Copy code
<?php
// Conectar a la base de datos (reemplaza con tus credenciales)
$servername = "localhost";
$username = "tu_usuario";
$password = "tu_contraseña";
$dbname = "tu_base_de_datos";

$conn = new mysqli($servername, $username, $password, $dbname);

// Verificar la conexión
if ($conn->connect_error) {
    die("Conexión fallida: " . $conn->connect_error);
}

// Obtener la fecha de la base de datos (por ejemplo, en una consulta SELECT)
$sql = "SELECT nombre_campo_fecha FROM tu_tabla WHERE id = 1"; // Reemplaza 'id' y 'tu_tabla' según tu estructura

$result = $conn->query($sql);

if ($result->num_rows > 0) {
    $row = $result->fetch_assoc();
    $fecha = $row['nombre_campo_fecha'];

    // Devolver la fecha en formato 'dd-mm-yyyy'
    echo date("d-m-Y", strtotime($fecha));
} else {
    echo "No se encontraron resultados";
}

// Cerrar la conexión
$conn->close();
?>
En el script JavaScript (Vanilla JS), formatea la fecha antes de mostrarla en la tabla:
html
Copy code
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mostrar Fecha en Tabla</title>
</head>
<body>

    <table id="tablaFecha">
        <thead>
            <tr>
                <th>Fecha</th>
            </tr>
        </thead>
        <tbody>
            <!-- Las filas de la tabla se llenarán dinámicamente con JavaScript -->
        </tbody>
    </table>

    <!-- Agregar script para manejar la solicitud AJAX y mostrar la fecha en la tabla -->
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            // Realizar la solicitud AJAX para obtener la fecha desde PHP
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    // Formatear la fecha en formato 'dd-mm-yyyy'
                    var fechaResponse = xhr.responseText;
                    var fechaArray = fechaResponse.split("-");
                    var fechaFormateada = fechaArray[2] + '-' + fechaArray[1] + '-' + fechaArray[0];

                    // Insertar la fecha formateada en la tabla
                    var tabla = document.getElementById('tablaFecha');
                    var fila = tabla.insertRow();
                    var celda = fila.insertCell(0);
                    celda.innerHTML = fechaFormateada;
                }
            };

            xhr.open('POST', 'procesar_formulario.php', true);
            xhr.send();
        });
    </script>

</body>
</html>
En este ejemplo, se utiliza split para dividir la fecha devuelta por PHP y luego se reconstruye en el formato deseado antes de insertarla en la tabla. Asegúrate de ajustar el código según tus necesidades específicas.

User
con jquey el  $.ajax({    mostrar fecha el codigo anterior
ChatGPT
Si prefieres utilizar jQuery para realizar la solicitud AJAX y mostrar la fecha en la tabla, aquí está el código actualizado:

html
Copy code
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mostrar Fecha en Tabla</title>

    <!-- Agregar jQuery -->
    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>

    <table id="tablaFecha">
        <thead>
            <tr>
                <th>Fecha</th>
            </tr>
        </thead>
        <tbody>
            <!-- Las filas de la tabla se llenarán dinámicamente con jQuery -->
        </tbody>
    </table>

    <!-- Agregar script para manejar la solicitud AJAX y mostrar la fecha en la tabla -->
    <script>
        $(document).ready(function(){
            // Realizar la solicitud AJAX para obtener la fecha desde PHP
            $.ajax({
                type: "POST",
                url: "procesar_formulario.php",
                success: function(response){
                    // Formatear la fecha en formato 'dd-mm-yyyy'
                    var fechaArray = response.split("-");
                    var fechaFormateada = fechaArray[2] + '-' + fechaArray[1] + '-' + fechaArray[0];

                    // Insertar la fecha formateada en la tabla
                    var fila = "<tr><td>" + fechaFormateada + "</td></tr>";
                    $("#tablaFecha tbody").append(fila);
                }
            });
        });
    </script>

</body>
</html>
En este código, he sustituido el código de XMLHttpRequest por la función $.ajax de jQuery. La lógica general sigue siendo la misma: se realiza una solicitud AJAX a procesar_formulario.php, y una vez que la solicitud tiene éxito, se formatea la fecha y se inserta en la tabla. 

Comentarios

Publicar un comentario

Entradas populares de este blog

Como proteger una api json con php al pasar el parametro POST[id] de los ataques sql injection y xss

 Como proteger una api json con php al pasar el parametro POST_[id] de los ataques sql injection y xss ChatGPT Para proteger una API JSON en PHP contra ataques de inyección SQL y XSS al pasar parámetros como POST[id], puedes seguir algunas prácticas de seguridad: Validación de entrada: Antes de usar cualquier dato recibido del usuario, valida y filtra la entrada para asegurarte de que cumple con los requisitos esperados. Puedes utilizar funciones como filter_input() o filter_var() para validar y sanitizar los datos. Preparación de consultas SQL: Si estás realizando consultas SQL directamente en tu base de datos, utiliza sentencias preparadas (prepared statements) y parámetros vinculados (bound parameters) en lugar de construir consultas SQL concatenando cadenas de texto. Las sentencias preparadas ayudan a prevenir la inyección SQL al separar los datos de las instrucciones SQL. Escape de salida: Cuando devuelvas datos a través de la API JSON, asegúrate de escapar apropiadamente los ...
Leer más

Copia de Seguridad de Archivo MS Access (.mdb) a Pendrive con VB6

  Copia de Seguridad de Archivo MS Access (.mdb) a Pendrive con VB6   Para crear una copia de seguridad de un archivo MS Access (.mdb) a un pendrive cuando se hace clic en un botón en un formulario VB6, puedes usar el siguiente código: vb Private Sub cmdBackup_Click ()     On Error GoTo ErrorHandler         Dim ArchivoOrigen As String     Dim ArchivoDestino As String     Dim UnidadPendrive As String     Dim FSO As Object     Dim Drv As Object     Dim Existe As Boolean         ' Ruta del archivo de origen (base de datos Access)     ArchivoOrigen = "C:\Ruta\A\Tu\BaseDeDatos.mdb" ' Cambiar por tu ruta real         ' Verificar si el archivo de origen existe     If Dir(ArchivoOrigen) = "" Then         Ms...
Leer más

NUMEROS SERIE DE DISCO RIGIDO Y PENDRIVER USB CON PHP

 Para listar todos los dispositivos USB conectados y obtener su número de serie en PHP usando wmic, necesitas ajustar el comando wmic. El comando que tienes está intentando filtrar las unidades basadas en una letra de unidad, lo cual no funcionará para todos los dispositivos USB. En su lugar, puedes usar el siguiente enfoque:     Usa wmic diskdrive para obtener todos los dispositivos conectados, y luego puedes filtrarlos por MediaType o DeviceID para identificar cuáles son dispositivos USB. Aquí tienes el código corregido: php // Ejecutar el comando para listar todas las unidades de disco, incluyendo USB $output2 = shell_exec('wmic diskdrive where "MediaType=\'Removable Media\'" get DeviceID,SerialNumber,Model'); // Ver la salida completa (para depuración) echo "<pre>$output2</pre>"; Explicación:     wmic diskdrive where "MediaType='Removable Media'" get DeviceID,SerialNumber,Model: Este comando obtiene todas las unidade...
Leer más