I have these issue, I want to take this information from an existent DB and the use a split to get just the first char from the information including date, and send to another DB using JavaScript. This is an electron app, so I need to use these technologies.
// Importar el módulo ipcRenderer de Electron
const { ipcRenderer } = require('electron');
// Obtener el botón y el campo de búsqueda
const searchButton = document.getElementById('BotonBuscar');
const searchInput = document.getElementById('BuscarUsuario');
// Función para formatear la fecha de nacimiento
function formatFechaNacimiento(fechaNacimiento) {
var fechaCompleta = new Date(fechaNacimiento);
var dia = fechaCompleta.getDate().toString().padStart(2, '0'); // Asegura dos dígitos
var mes = (fechaCompleta.getMonth() + 1).toString().padStart(2, '0'); // Asegura dos dígitos, suma 1 porque getMonth() devuelve 0-11
var año = fechaCompleta.getFullYear();
return dia + '/' + mes + '/' + año; // Cambia '/' por '-' si prefieres "DD-MM-YYYY"
}
// Función para cargar y mostrar los usuarios en la tabla
function loadUsers(users) {
// Selecciona el cuerpo de la tabla donde se mostrarán los usuarios
const tbody = document.querySelector('#userTable tbody');
// Limpia las filas existentes en el cuerpo de la tabla
tbody.innerHTML = '';
users.forEach(user => {
// Crea una nueva fila de tabla para cada usuario
const row = document.createElement('tr');
// Formatea la fecha de nacimiento para cada usuario
const fechaFormateada = formatFechaNacimiento(user.Fecha_Nacimiento);
// Llena la fila con los datos del usuario y botones de acción
row.innerHTML = `
<td>${user.Id}</td>
<td>${user.Primer_Nombre}</td>
<td>${user.Primer_Apellido}</td>
<td>
<button class="btn btn-outline-warning">Editar</button>
<button class="btn btn-outline-danger">Eliminar</button>
<button class="btn btn-outline-success" type="button" data-bs-toggle="modal" data-bs-target="#modalcrear">Agregar</button>
</td>
`;
// Agrega la fila al cuerpo de la tabla
tbody.appendChild(row);
//I need to take this elements into a new var to manipulate them before send to the other DB
document.getElementById('primernombre').value = user.Primer_Nombre;
document.getElementById('segundonombre').value = user.Segundo_Nombre;
document.getElementById('primerapellido').value = user.Primer_Apellido;
document.getElementById('segundoapellido').value = user.Segundo_Apellido;
document.getElementById('fechaNacimiento').innerText = formatFechaNacimiento(user.Fecha_Nacimiento);
});
}
// Manejar el evento de clic del botón de búsqueda
searchButton.addEventListener('click', () => {
const idUsuario = searchInput.value.trim();
ipcRenderer.invoke('get-users', idUsuario).then(loadUsers).catch(err => {
console.error('Error al buscar los usuarios:', err);
});
}).catch(err => {
// Manejar cualquier error al obtener los usuarios
console.error('Error al cargar los usuarios:', err);
});
I have tried doing this
// Asignar elementos del DOM a variables
const primerNombreInput = document.getElementById('primernombre');
const segundoNombreInput = document.getElementById('segundonombre');
const primerApellidoInput = document.getElementById('primerapellido');
const segundoApellidoInput = document.getElementById('segundoapellido');
const fechaNacimientoLabel = document.getElementById('fechaNacimiento');
// Actualizar los valores de los campos con los datos del usuario
primerNombreInput.value = user.Primer_Nombre;
segundoNombreInput.value = user.Segundo_Nombre;
primerApellidoInput.value = user.Primer_Apellido;
segundoApellidoInput.value = user.Segundo_Apellido;
fechaNacimientoLabel.innerText = formatFechaNacimiento(user.Fecha_Nacimiento);
but it doesnt work, the values have not the variables.