Calculadora Horas De Trabajo

by
Calculadora de Horas de Trabajo – Calcula tu Jornada Laboral :root { –primary-color: #004a99; –secondary-color: #e0e0e0; –background-color: #f8f9fa; –card-background: #ffffff; –text-color: #333333; –border-color: #cccccc; –success-color: #28a745; –error-color: #dc3545; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(–background-color); color: var(–text-color); line-height: 1.6; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; min-height: 100vh; } .container { width: 95%; max-width: 1000px; margin: 20px auto; padding: 20px; background-color: var(–card-background); border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; align-items: center; } h1, h2, h3 { color: var(–primary-color); text-align: center; } h1 { font-size: 2.2em; margin-bottom: 20px; } h2 { font-size: 1.8em; margin-top: 30px; margin-bottom: 15px; border-bottom: 2px solid var(–primary-color); padding-bottom: 5px; } h3 { font-size: 1.4em; margin-top: 20px; margin-bottom: 10px; } .calculator-section { width: 100%; background-color: var(–card-background); padding: 25px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); margin-bottom: 30px; } .loan-calc-container { display: flex; flex-direction: column; gap: 20px; } .input-group { display: flex; flex-direction: column; width: 100%; } .input-group label { font-weight: bold; margin-bottom: 5px; color: var(–text-color); } .input-group input[type="time"], .input-group input[type="number"], .input-group select { width: 100%; padding: 10px; border: 1px solid var(–border-color); border-radius: 4px; box-sizing: border-box; font-size: 1em; transition: border-color 0.3s ease; } .input-group input:focus, .input-group select:focus { border-color: var(–primary-color); outline: none; } .input-group small { color: #6c757d; margin-top: 5px; font-size: 0.9em; } .error-message { color: var(–error-color); font-size: 0.9em; margin-top: 5px; height: 1.2em; } .button-group { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; justify-content: center; } button { padding: 12px 20px; background-color: var(–primary-color); color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 1.1em; transition: background-color 0.3s ease, transform 0.2s ease; flex-grow: 1; min-width: 150px; } button:hover { background-color: #003366; transform: translateY(-1px); } button#resetBtn { background-color: var(–secondary-color); color: var(–text-color); } button#resetBtn:hover { background-color: #ccc; } .results-container { margin-top: 30px; padding: 20px; background-color: #e9ecef; border-radius: 8px; border: 1px solid var(–border-color); text-align: center; width: 100%; box-sizing: border-box; } .results-container h3 { margin-top: 0; color: var(–primary-color); } .main-result { font-size: 2.5em; font-weight: bold; color: var(–primary-color); margin: 15px 0; display: block; } .intermediate-results { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 20px; text-align: center; } .intermediate-results div { background-color: var(–card-background); padding: 15px; border-radius: 6px; box-shadow: 0 1px 5px rgba(0,0,0,0.05); } .intermediate-results span { display: block; font-weight: bold; font-size: 1.4em; color: var(–primary-color); } .formula-explanation { margin-top: 20px; font-style: italic; color: #555; text-align: left; } .copy-button { background-color: var(–primary-color); color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 1em; padding: 10px 15px; margin-top: 20px; transition: background-color 0.3s ease; } .copy-button:hover { background-color: #003366; } .copy-feedback { margin-top: 10px; color: var(–success-color); font-weight: bold; opacity: 0; transition: opacity 0.5s ease; } table.scrollable-table { width: 100%; border-collapse: collapse; margin-top: 20px; overflow-x: auto; display: block; white-space: nowrap; } .table-wrapper { overflow-x: auto; margin-top: 20px; border-radius: 8px; border: 1px solid var(–border-color); } .table-wrapper caption { caption-side: top; font-weight: bold; color: var(–primary-color); font-size: 1.2em; margin-bottom: 10px; text-align: left; } .scrollable-table th, .scrollable-table td { border: 1px solid var(–border-color); padding: 10px 15px; text-align: right; } .scrollable-table thead th { background-color: var(–secondary-color); color: var(–text-color); font-weight: bold; } .scrollable-table tbody tr:nth-child(even) { background-color: #f2f2f2; } .scrollable-table tbody td:first-child { text-align: left; font-weight: bold; } canvas { max-width: 100%; height: auto; display: block; margin: 20px auto; background-color: var(–card-background); border-radius: 8px; border: 1px solid var(–border-color); } .chart-container { width: 100%; background-color: var(–card-background); padding: 20px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); margin-top: 30px; } .chart-container h3 { margin-top: 0; } .article-content { width: 100%; margin-top: 40px; background-color: var(–card-background); padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); text-align: left; } .article-content p { margin-bottom: 15px; } .article-content ul, .article-content ol { margin-left: 20px; margin-bottom: 15px; } .article-content li { margin-bottom: 8px; } a { color: var(–primary-color); text-decoration: none; } a:hover { text-decoration: underline; } .footer { width: 100%; text-align: center; padding: 20px; margin-top: 40px; font-size: 0.9em; color: #777; } @media (max-width: 768px) { h1 { font-size: 1.8em; } h2 { font-size: 1.5em; } button { min-width: 100%; } .intermediate-results { grid-template-columns: 1fr; } }

Calculadora de Horas de Trabajo

Formato 24 horas (ej: 09:00, 14:30)
Formato 24 horas (ej: 17:00, 23:59)
Introduce la duración total de tus descansos en minutos (ej: 30, 60).
Ingresa tu salario por hora (ej: 15.00, 22.50).
1.5x (50% extra) 1.75x (75% extra) 2x (100% extra) Define el multiplicador para horas trabajadas fuera de la jornada normal.
Define cuántas horas se consideran jornada normal diaria.
Resultados copiados

Resumen de Horas Trabajadas

0.00 h

Horas Totales Trabajadas (incluyendo descansos)

0.00 h

Horas Regulares

0.00 h

Horas Extras

0.00 €

Coste Estimado

Fórmula utilizada: Se calcula la duración total entre la hora de inicio y fin, se resta el tiempo de descanso. Las horas que exceden la jornada estándar se marcan como extras. El coste se calcula multiplicando las horas regulares por la tarifa y las horas extras por su respectivo multiplicador y tarifa.

Distribución de Horas

Detalle de Horas y Costes
Concepto Horas Tarifa por Hora (€) Coste (€)
Horas Regulares 0.00 0.00 0.00
Horas Extras 0.00 0.00 0.00
Total Horas Trabajadas 0.00 – 0.00

¿Qué es la Calculadora de Horas de Trabajo?

La calculadora de horas de trabajo es una herramienta digital diseñada para simplificar el cálculo de las horas que un empleado dedica a sus labores durante una jornada específica. Permite determinar con precisión el tiempo efectivo trabajado, teniendo en cuenta las horas regulares, las horas extras, y descontando los periodos de descanso estipulados. Esta calculadora es fundamental tanto para trabajadores, que desean verificar su nómina o calcular pagos por horas extras, como para empleadores, quienes necesitan gestionar la asistencia, calcular salarios y asegurar el cumplimiento de la normativa laboral vigente. Utilizar una calculadora de horas de trabajo profesional garantiza la exactitud y ahorra tiempo en tareas administrativas.

Fórmula y Explicación Matemática de la Calculadora de Horas de Trabajo

El cálculo fundamental de la calculadora de horas de trabajo se basa en la diferencia entre la hora de fin y la hora de inicio, ajustada por la duración de los descansos y las políticas de horas extras. La fórmula general se desglosa de la siguiente manera:

1. Duración Total Cronológica: Se calcula el intervalo de tiempo absoluto entre la `hora de fin` y la `hora de inicio`. Si la hora de fin es anterior a la hora de inicio (ej. un turno que cruza la medianoche), se debe sumar 24 horas a la hora de fin antes de calcular la diferencia.

2. Tiempo Efectivo de Trabajo: Tiempo Efectivo = Duración Total Cronológica - Duración del Descanso (en horas) La duración del descanso, usualmente proporcionada en minutos, debe convertirse a horas dividiéndola por 60.

3. Cálculo de Horas Regulares y Extras: Sea `H_estándar` las horas de la jornada estándar diaria y `T_efectivo` el tiempo efectivo de trabajo:

  • Si `T_efectivo` ≤ `H_estándar`: Horas Regulares = T_efectivo Horas Extras = 0
  • Si `T_efectivo` > `H_estándar`: Horas Regulares = H_estándar Horas Extras = T_efectivo - H_estándar

4. Coste Estimado: Coste Estimado = (Horas Regulares * Tarifa por Hora) + (Horas Extras * Tarifa por Hora * Multiplicador de Horas Extras)

La calculadora de horas de trabajo automatiza estos pasos, asegurando precisión en cada cálculo.

Ejemplos Prácticos de Uso de la Calculadora de Horas de Trabajo

La versatilidad de la calculadora de horas de trabajo la hace útil en diversos escenarios:

  • Empleado a tiempo parcial: Un trabajador que empieza a las 10:00 y termina a las 14:00, con 15 minutos de descanso, y una tarifa de 12 €/hora. La calculadora mostrará 3.75 horas regulares y un coste de 45 €.
  • Jornada completa con horas extras: Un empleado comienza a las 9:00, finaliza a las 18:00, con 60 minutos de descanso. Su jornada estándar es de 8 horas y su tarifa es de 15 €/hora, con un multiplicador de 1.5x para horas extras. La calculadora determinará 8 horas regulares y 1 hora extra, calculando el coste total adecuadamente.
  • Turno nocturno: Alguien que trabaja de 22:00 a 06:00 del día siguiente, con 30 minutos de descanso. Si su jornada estándar son 8 horas y su tarifa es 13 €/hora, la calculadora calculará las 8 horas efectivas (22:00 a 06:00 son 8 horas, menos 0.5h de descanso = 7.5h efectivas. Si el estándar es 8h, serían 7.5h regulares y 0h extras).
  • Verificación de nómina: Comparar el pago de horas extras recibido con el cálculo exacto proporcionado por la calculadora de horas de trabajo.

Estos ejemplos ilustran cómo la calculadora de horas de trabajo ofrece respuestas claras y precisas para distintas situaciones laborales.

Cómo Usar Nuestra Calculadora de Horas de Trabajo

Nuestra calculadora de horas de trabajo ha sido diseñada para ser intuitiva y fácil de usar. Siga estos pasos sencillos:

  1. Hora de Inicio y Fin: Ingrese la hora exacta en que comenzó y terminó su jornada laboral en los campos correspondientes. Utilice el formato de 24 horas (ej. 09:00 para las 9 AM, 17:30 para las 5:30 PM).
  2. Duración del Descanso: Introduzca la cantidad total de minutos que dedicó a descansos durante su jornada (ej. 30 minutos para una pausa de almuerzo).
  3. Tarifa por Hora: Ingrese su salario por hora en euros.
  4. Multiplicador de Horas Extras: Seleccione el factor por el cual se multiplican sus horas extras (comúnmente 1.5x o 2x).
  5. Horas de Jornada Estándar: Defina cuántas horas constituyen una jornada laboral normal en su país o contrato (ej. 8 horas).
  6. Calcular: Haga clic en el botón "Calcular Horas".

Los resultados se actualizarán automáticamente, mostrando las horas totales trabajadas, las horas regulares, las horas extras y el coste estimado. También podrá visualizar estos datos en un gráfico y una tabla, y copiarlos si lo necesita. Si desea realizar un nuevo cálculo, presione "Restablecer Valores" e introduzca nuevos datos. Una correcta utilización de la calculadora de horas de trabajo le dará claridad sobre su tiempo laboral y remuneración.

Factores Clave que Afectan los Resultados de la Calculadora de Horas de Trabajo

Varios elementos influyen directamente en los cálculos de la calculadora de horas de trabajo y, por ende, en el resultado final:

  • Horarios de Inicio y Fin Precisos: Cualquier inexactitud en estas horas se reflejará en el total. Es crucial registrar estos tiempos con exactitud.
  • Duración de los Descansos: Los descansos obligatorios deben ser registrados correctamente. Si no se descuentan, el tiempo efectivo de trabajo será inflado.
  • Definición de Jornada Estándar: El umbral entre horas regulares y extras depende de lo que se considere una jornada normal (ej. 8 horas diarias o 40 horas semanales). Esto varía según el país y el contrato.
  • Políticas de Horas Extras: El multiplicador aplicado a las horas extras puede cambiar según la legislación laboral o convenios colectivos.
  • Tarifa por Hora: El coste total y el valor de las horas extras dependen directamente de la tarifa base establecida.
  • Turnos Nocturnos y Festivos: Algunas legislaciones aplican recargos o multiplicadores adicionales para trabajos realizados en horarios nocturnos o días festivos, que una calculadora básica podría no contemplar.
  • Descansos y Pausas No Remuneradas: Es vital diferenciar entre descansos pagados y no pagados. La calculadora asume que el tiempo introducido como "descanso" no es tiempo de trabajo efectivo.

Comprender estos factores es esencial para interpretar correctamente los resultados que ofrece la calculadora de horas de trabajo y para asegurar que reflejan fielmente la realidad laboral.

Preguntas Frecuentes (FAQ) sobre la Calculadora de Horas de Trabajo

¿Es lo mismo el tiempo cronológico que el tiempo efectivo de trabajo?

No. El tiempo cronológico es la duración total desde que se empieza hasta que se acaba la jornada (incluyendo descansos). El tiempo efectivo de trabajo es el tiempo real dedicado a la tarea, descontando los descansos no remunerados. Nuestra calculadora de horas de trabajo se enfoca en el tiempo efectivo.

¿Cómo se calculan las horas extras si mi jornada es semanal y no diaria?

Esta calculadora está optimizada para cálculos diarios. Para jornadas semanales, necesitaría sumar las horas efectivas de cada día y luego compararlas con las horas semanales estándar (ej. 40 horas). Algunas calculadoras avanzadas permiten definir umbrales semanales. Puede usar nuestra [herramienta de cálculo de nóminas](https://www.ejemplo.com/calculadora-nominas) para un análisis más completo.

¿Debo incluir los descansos en la hora de fin?

No. Debe introducir la hora real de fin de su jornada laboral. El campo "Duración del Descanso" se usa para descontar ese tiempo del total. La calculadora de horas de trabajo maneja este ajuste internamente.

¿Qué pasa si mi hora de fin es al día siguiente?

La calculadora está diseñada para manejar turnos que cruzan la medianoche. Si introduce una hora de fin anterior a la hora de inicio, automáticamente sumará 24 horas a la hora de fin para calcular la duración correcta del turno.

¿El coste estimado incluye impuestos y otras deducciones?

No. El coste estimado es una aproximación basada en su tarifa por hora y las horas calculadas. No incluye impuestos, seguridad social, ni otras deducciones aplicables a la nómina. Para un cálculo de neto, consulte una [calculadora de salario neto](https://www.ejemplo.com/calculadora-salario-neto).

Herramientas Relacionadas y Recursos Internos

© 2023 Tu Sitio Web. Todos los derechos reservados.
var chartInstance = null; function timeToMinutes(timeStr) { if (!timeStr) return 0; var parts = timeStr.split(':'); if (parts.length !== 2) return 0; var hours = parseInt(parts[0], 10); var minutes = parseInt(parts[1], 10); if (isNaN(hours) || isNaN(minutes)) return 0; return hours * 60 + minutes; } function minutesToHours(totalMinutes) { if (isNaN(totalMinutes) || totalMinutes < 0) return 0; var hours = Math.floor(totalMinutes / 60); var minutes = totalMinutes % 60; return parseFloat(hours + (minutes / 60)).toFixed(2); } function validateInputs() { var errors = false; var startTime = document.getElementById("startTime").value; var endTime = document.getElementById("endTime").value; var breakDuration = document.getElementById("breakDuration").value; var hourlyRate = document.getElementById("hourlyRate").value; var standardWorkdayHours = document.getElementById("standardWorkdayHours").value; document.getElementById("startTimeError").textContent = ""; document.getElementById("endTimeError").textContent = ""; document.getElementById("breakDurationError").textContent = ""; document.getElementById("hourlyRateError").textContent = ""; document.getElementById("standardWorkdayHoursError").textContent = ""; if (!startTime) { document.getElementById("startTimeError").textContent = "La hora de inicio es obligatoria."; errors = true; } if (!endTime) { document.getElementById("endTimeError").textContent = "La hora de fin es obligatoria."; errors = true; } if (breakDuration === "" || isNaN(parseFloat(breakDuration)) || parseFloat(breakDuration) < 0) { document.getElementById("breakDurationError").textContent = "Introduce una duración de descanso válida (mínimo 0)."; errors = true; } if (hourlyRate === "" || isNaN(parseFloat(hourlyRate)) || parseFloat(hourlyRate) < 0) { document.getElementById("hourlyRateError").textContent = "Introduce una tarifa por hora válida (mínimo 0)."; errors = true; } if (standardWorkdayHours === "" || isNaN(parseFloat(standardWorkdayHours)) || parseFloat(standardWorkdayHours) <= 0) { document.getElementById("standardWorkdayHoursError").textContent = "Introduce horas de jornada estándar válidas (mínimo 1)."; errors = true; } return !errors; } function calculateWorkHours() { if (!validateInputs()) { return; } var startTimeStr = document.getElementById("startTime").value; var endTimeStr = document.getElementById("endTime").value; var breakDurationMinutes = parseFloat(document.getElementById("breakDuration").value); var hourlyRate = parseFloat(document.getElementById("hourlyRate").value); var overtimeRateMultiplier = parseFloat(document.getElementById("overtimeRate").value); var standardWorkdayHours = parseFloat(document.getElementById("standardWorkdayHours").value); var startMinutes = timeToMinutes(startTimeStr); var endMinutes = timeToMinutes(endTimeStr); var totalMinutesElapsed = endMinutes – startMinutes; if (totalMinutesElapsed < 0) { totalMinutesElapsed += 24 * 60; } var effectiveWorkMinutes = totalMinutesElapsed – breakDurationMinutes; if (effectiveWorkMinutes < 0) { effectiveWorkMinutes = 0; } var effectiveWorkHours = minutesToHours(effectiveWorkMinutes); var standardWorkdayMinutes = standardWorkdayHours * 60; var regularHours = 0; var overtimeHours = 0; if (effectiveWorkMinutes <= standardWorkdayMinutes) { regularHours = minutesToHours(effectiveWorkMinutes); overtimeHours = 0; } else { regularHours = minutesToHours(standardWorkdayMinutes); overtimeHours = minutesToHours(effectiveWorkMinutes – standardWorkdayMinutes); } var regularCost = parseFloat(regularHours) * hourlyRate; var overtimeCost = parseFloat(overtimeHours) * hourlyRate * overtimeRateMultiplier; var totalCost = regularCost + overtimeCost; document.getElementById("totalHoursWorked").textContent = effectiveWorkHours + " h"; document.getElementById("regularHours").textContent = regularHours + " h"; document.getElementById("overtimeHours").textContent = overtimeHours + " h"; document.getElementById("estimatedCost").textContent = totalCost.toFixed(2) + " €"; // Update table document.getElementById("tableRegularHours").textContent = parseFloat(regularHours).toFixed(2); document.getElementById("tableOvertimeHours").textContent = parseFloat(overtimeHours).toFixed(2); document.getElementById("tableTotalHours").textContent = parseFloat(effectiveWorkHours).toFixed(2); document.getElementById("tableRegularRate").textContent = hourlyRate.toFixed(2); document.getElementById("tableOvertimeRate").textContent = (hourlyRate * overtimeRateMultiplier).toFixed(2); document.getElementById("tableRegularCost").textContent = regularCost.toFixed(2); document.getElementById("tableOvertimeCost").textContent = overtimeCost.toFixed(2); document.getElementById("tableTotalCost").textContent = totalCost.toFixed(2); updateChart(parseFloat(regularHours), parseFloat(overtimeHours)); } function updateChart(regularHours, overtimeHours) { var ctx = document.getElementById('hoursChart').getContext('2d'); if (chartInstance) { chartInstance.destroy(); } chartInstance = new Chart(ctx, { type: 'bar', data: { labels: ['Horas Regulares', 'Horas Extras'], datasets: [{ label: 'Horas Trabajadas', data: [regularHours, overtimeHours], backgroundColor: [ 'rgba(0, 74, 153, 0.7)', 'rgba(255, 165, 0, 0.7)' ], borderColor: [ 'rgba(0, 74, 153, 1)', 'rgba(255, 165, 0, 1)' ], borderWidth: 1 }] }, options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true, title: { display: true, text: 'Horas' } } }, plugins: { legend: { display: true, position: 'top', }, title: { display: true, text: 'Comparación de Horas Regulares vs. Extras' } } } }); } function copyResults() { var startTime = document.getElementById("startTime").value; var endTime = document.getElementById("endTime").value; var breakDuration = document.getElementById("breakDuration").value; var hourlyRate = document.getElementById("hourlyRate").value; var overtimeRate = document.getElementById("overtimeRate").options[document.getElementById("overtimeRate").selectedIndex].text; var standardWorkdayHours = document.getElementById("standardWorkdayHours").value; var totalHours = document.getElementById("totalHoursWorked").textContent; var regularHours = document.getElementById("regularHours").textContent; var overtimeHours = document.getElementById("overtimeHours").textContent; var estimatedCost = document.getElementById("estimatedCost").textContent; var textToCopy = "— Resumen de Horas Trabajadas —\n\n"; textToCopy += "Hora de Inicio: " + startTime + "\n"; textToCopy += "Hora de Fin: " + endTime + "\n"; textToCopy += "Duración Descanso: " + breakDuration + " minutos\n"; textToCopy += "Tarifa por Hora: " + hourlyRate + " €\n"; textToCopy += "Jornada Estándar: " + standardWorkdayHours + " horas\n"; textToCopy += "Multiplicador Horas Extras: " + overtimeRate + "\n\n"; textToCopy += "Total Horas Trabajadas: " + totalHours + "\n"; textToCopy += "Horas Regulares: " + regularHours + "\n"; textToCopy += "Horas Extras: " + overtimeHours + "\n"; textToCopy += "Coste Estimado: " + estimatedCost + "\n\n"; textToCopy += "— Detalle Tabla —\n"; textToCopy += "Horas Regulares (Tarifa " + hourlyRate + "€): " + document.getElementById("tableRegularCost").textContent + "€\n"; textToCopy += "Horas Extras (Tarifa " + (parseFloat(hourlyRate) * parseFloat(document.getElementById("overtimeRate").value)).toFixed(2) + "€): " + document.getElementById("tableOvertimeCost").textContent + "€\n"; textToCopy += "Coste Total Estimado: " + document.getElementById("tableTotalCost").textContent + "€\n"; var tempTextArea = document.createElement("textarea"); tempTextArea.value = textToCopy; document.body.appendChild(tempTextArea); tempTextArea.select(); document.execCommand("copy"); document.body.removeChild(tempTextArea); var feedbackElement = document.getElementById("copyFeedback"); feedbackElement.style.opacity = "1"; setTimeout(function() { feedbackElement.style.opacity = "0"; }, 2000); } function resetCalculator() { document.getElementById("startTime").value = "09:00"; document.getElementById("endTime").value = "17:00"; document.getElementById("breakDuration").value = "30"; document.getElementById("hourlyRate").value = "15.00"; document.getElementById("overtimeRate").value = "1.5"; document.getElementById("standardWorkdayHours").value = "8"; document.getElementById("startTimeError").textContent = ""; document.getElementById("endTimeError").textContent = ""; document.getElementById("breakDurationError").textContent = ""; document.getElementById("hourlyRateError").textContent = ""; document.getElementById("overtimeRateError").textContent = ""; document.getElementById("standardWorkdayHoursError").textContent = ""; document.getElementById("totalHoursWorked").textContent = "0.00 h"; document.getElementById("regularHours").textContent = "0.00 h"; document.getElementById("overtimeHours").textContent = "0.00 h"; document.getElementById("estimatedCost").textContent = "0.00 €"; document.getElementById("tableRegularHours").textContent = "0.00"; document.getElementById("tableOvertimeHours").textContent = "0.00"; document.getElementById("tableTotalHours").textContent = "0.00"; document.getElementById("tableRegularRate").textContent = "0.00"; document.getElementById("tableOvertimeRate").textContent = "0.00"; document.getElementById("tableRegularCost").textContent = "0.00"; document.getElementById("tableOvertimeCost").textContent = "0.00"; document.getElementById("tableTotalCost").textContent = "0.00"; if (chartInstance) { chartInstance.destroy(); chartInstance = null; } var canvas = document.getElementById('hoursChart'); var ctx = canvas.getContext('2d'); ctx.clearRect(0, 0, canvas.width, canvas.height); } // Initial calculation on load window.onload = function() { calculateWorkHours(); // Dummy Chart.js include for demonstration purposes if not present globally // In a real WP environment, you'd enqueue this script properly. if (typeof Chart === 'undefined') { var script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/chart.js'; script.onload = function() { console.log('Chart.js loaded.'); calculateWorkHours(); // Recalculate after chart lib loads }; script.onerror = function() { console.error('Failed to load Chart.js'); }; document.head.appendChild(script); } else { calculateWorkHours(); // Calculate if Chart.js is already available } };

Leave a Comment