{"id":360,"date":"2026-10-03T14:12:16","date_gmt":"2026-10-03T14:12:16","guid":{"rendered":"https:\/\/www.elixlab.it\/wps\/?page_id=360"},"modified":"2026-10-03T14:20:01","modified_gmt":"2026-10-03T14:20:01","slug":"calcolatore-date-tool","status":"publish","type":"page","link":"https:\/\/www.elixlab.it\/wps\/calcolatore-date-tool\/","title":{"rendered":"Calcolatore Date"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"360\" class=\"elementor elementor-360\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93c8e3d e-con-full e-flex e-con e-parent\" data-id=\"93c8e3d\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d06abfa e-con-full e-flex e-con e-child\" data-id=\"d06abfa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07180cb elementor-widget elementor-widget-shortcode\" data-id=\"07180cb\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"font-sans text-slate-100 py-4\" style=\"display: flex; flex-direction: column; gap: 0.75rem;\">\n        <div class=\"text-[11px] font-mono tracking-wider text-slate-400 uppercase px-3 mb-1\">Tutti i tool disponibili<\/div>\n\n                    <a href=\"\/wps\/json-formatter-tool\/\" \n               class=\"flex items-center space-x-3 w-full py-3 px-4 rounded-xl transition text-sm border\"\n               style=\"background-color: #1e293b; color: #e2e8f0; border-color: #334155;\"\n               onmouseover=\"this.style.backgroundColor='#334155'; this.style.color='#ffffff';\"\n               onmouseout=\"this.style.backgroundColor='#1e293b'; this.style.color='#e2e8f0';\">\n                <i class=\"fa-solid fa-code w-5 text-center\" style=\"opacity: 0.8;\"><\/i>\n                <span>JSON Formatter<\/span>\n            <\/a>\n                    <a href=\"\/wps\/generatore-password\/\" \n               class=\"flex items-center space-x-3 w-full py-3 px-4 rounded-xl transition text-sm border\"\n               style=\"background-color: #1e293b; color: #e2e8f0; border-color: #334155;\"\n               onmouseover=\"this.style.backgroundColor='#334155'; this.style.color='#ffffff';\"\n               onmouseout=\"this.style.backgroundColor='#1e293b'; this.style.color='#e2e8f0';\">\n                <i class=\"fa-solid fa-key w-5 text-center\" style=\"opacity: 0.8;\"><\/i>\n                <span>Generatore Password<\/span>\n            <\/a>\n                    <a href=\"\/wps\/calcolatore-date-tool\/\" \n               class=\"flex items-center space-x-3 w-full py-3 px-4 rounded-xl transition text-sm border\"\n               style=\"background-color: #1e293b; color: #e2e8f0; border-color: #334155;\"\n               onmouseover=\"this.style.backgroundColor='#334155'; this.style.color='#ffffff';\"\n               onmouseout=\"this.style.backgroundColor='#1e293b'; this.style.color='#e2e8f0';\">\n                <i class=\"fa-solid fa-calendar-days w-5 text-center\" style=\"opacity: 0.8;\"><\/i>\n                <span>Differenza Date<\/span>\n            <\/a>\n            <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1368489 e-con-full e-flex e-con e-child\" data-id=\"1368489\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e64c6a elementor-widget elementor-widget-heading\" data-id=\"0e64c6a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Calcolatore Differenza tra Date<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63c8ea5 elementor-widget elementor-widget-text-editor\" data-id=\"63c8ea5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Calcola il tempo trascorso o mancante tra due date.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-848b107 elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"848b107\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elixlab-tool-container w-full px-4 py-8 rounded-2xl  shadow-xl\">\r\n    \r\n\r\n    <!-- Selettori Date -->\r\n    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mb-6\">\r\n        <div class=\"border rounded-xl p-4\" style=\"background-color: rgba(15, 23, 42, 0.5);\">\r\n            <label class=\"block text-xs font-medium mb-2\" style=\"color: #cbd5e1;\">Data di Inizio<\/label>\r\n            <input type=\"date\" id=\"start-date\" class=\"w-full bg-slate-900 border border-slate-700 rounded-xl px-4 py-2.5 text-sm font-mono focus:outline-none\" style=\"color: #38bdf8;\">\r\n        <\/div>\r\n        <div class=\"border rounded-xl p-4\" style=\"background-color: rgba(15, 23, 42, 0.5);\">\r\n            <label class=\"block text-xs font-medium mb-2\" style=\"color: #cbd5e1;\">Data di Fine<\/label>\r\n            <input type=\"date\" id=\"end-date\" class=\"w-full bg-slate-900 border border-slate-700 rounded-xl px-4 py-2.5 text-sm font-mono focus:outline-none\" style=\"color: #38bdf8;\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Pulsante Calcola -->\r\n    <button onclick=\"calculateDateDifference()\" class=\"w-full font-bold py-3 px-4 rounded-xl transition shadow-lg text-sm flex items-center justify-center space-x-2 mb-6\" style=\"background-color: var(--wp--preset--color--primary, #0284c7); color: #ffffff; border: none; outline: none;\">\r\n        <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n        <span>Calcola Differenza<\/span>\r\n    <\/button>\r\n\r\n    <!-- Risultati -->\r\n    <div id=\"result-box\" class=\"border rounded-xl p-5 space-y-3 hidden\" style=\"background-color: rgba(15, 23, 42, 0.8);\">\r\n        <div class=\"text-xs font-mono uppercase tracking-wider opacity-70 mb-2\">Risultato del calcolo<\/div>\r\n        <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-3 text-center\">\r\n            <div class=\"bg-slate-900 border border-slate-800 p-3 rounded-xl\">\r\n                <div id=\"res-years\" class=\"text-xl font-bold font-mono\" style=\"color: #38bdf8;\">0<\/div>\r\n                <div class=\"text-[11px] opacity-70 mt-1\">Anni<\/div>\r\n            <\/div>\r\n            <div class=\"bg-slate-900 border border-slate-800 p-3 rounded-xl\">\r\n                <div id=\"res-months\" class=\"text-xl font-bold font-mono\" style=\"color: #38bdf8;\">0<\/div>\r\n                <div class=\"text-[11px] opacity-70 mt-1\">Mesi<\/div>\r\n            <\/div>\r\n            <div class=\"bg-slate-900 border border-slate-800 p-3 rounded-xl\">\r\n                <div id=\"res-days\" class=\"text-xl font-bold font-mono\" style=\"color: #38bdf8;\">0<\/div>\r\n                <div class=\"text-[11px] opacity-70 mt-1\">Giorni<\/div>\r\n            <\/div>\r\n            <div class=\"bg-slate-900 border border-slate-800 p-3 rounded-xl\">\r\n                <div id=\"res-total-days\" class=\"text-xl font-bold font-mono\" style=\"color: #38bdf8;\">0<\/div>\r\n                <div class=\"text-[11px] opacity-70 mt-1\">Giorni Totali<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\nbutton:focus, input:focus {\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    \/\/ Imposta la data di oggi come default sulla data di fine\r\n    const today = new Date().toISOString().split('T')[0];\r\n    document.getElementById('end-date').value = today;\r\n    \r\n    \/\/ Imposta di default un mese fa come data di inizio\r\n    const d = new Date();\r\n    d.setMonth(d.getMonth() - 1);\r\n    document.getElementById('start-date').value = d.toISOString().split('T')[0];\r\n    \r\n    calculateDateDifference();\r\n});\r\n\r\nfunction calculateDateDifference() {\r\n    const startDateVal = document.getElementById('start-date').value;\r\n    const endDateVal = document.getElementById('end-date').value;\r\n\r\n    if (!startDateVal || !endDateVal) return;\r\n\r\n    let start = new Date(startDateVal);\r\n    let end = new Date(endDateVal);\r\n\r\n    if (start > end) {\r\n        \/\/ Inverte se la data di inizio \u00e8 successiva a quella di fine\r\n        let temp = start;\r\n        start = end;\r\n        end = temp;\r\n    }\r\n\r\n    let years = end.getFullYear() - start.getFullYear();\r\n    let months = end.getMonth() - start.getMonth();\r\n    let days = end.getDate() - start.getDate();\r\n\r\n    if (days < 0) {\r\n        months--;\r\n        \/\/ Ottiene i giorni del mese precedente per un calcolo accurato\r\n        let prevMonth = new Date(end.getFullYear(), end.getMonth(), 0);\r\n        days += prevMonth.getDate();\r\n    }\r\n\r\n    if (months < 0) {\r\n        years--;\r\n        months += 12;\r\n    }\r\n\r\n    \/\/ Calcolo dei giorni totali\r\n    const diffTime = Math.abs(end - start);\r\n    const totalDays = Math.ceil(diffTime \/ (1000 * 60 * 60 * 24));\r\n\r\n    \/\/ Mostra i risultati\r\n    document.getElementById('res-years').innerText = years;\r\n    document.getElementById('res-months').innerText = months;\r\n    document.getElementById('res-days').innerText = days;\r\n    document.getElementById('res-total-days').innerText = totalDays.toLocaleString();\r\n\r\n    document.getElementById('result-box').classList.remove('hidden');\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8202681 e-con-full e-flex e-con e-child\" data-id=\"8202681\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3735bb6 premium-title-icon-row premium-title-color elementor-widget elementor-widget-premium-addon-title\" data-id=\"3735bb6\" data-element_type=\"widget\" data-widget_type=\"premium-addon-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div class=\"premium-title-container style1\">\r\n\t\t\t<h2 class=\"premium-title-header premium-title-style1\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg class=\"premium-title-icon premium-svg-nodraw premium-drawable-icon e-font-icon-svg e-fas-book-open\" aria-hidden=\"true\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M542.22 32.05c-54.8 3.11-163.72 14.43-230.96 55.59-4.64 2.84-7.27 7.89-7.27 13.17v363.87c0 11.55 12.63 18.85 23.28 13.49 69.18-34.82 169.23-44.32 218.7-46.92 16.89-.89 30.02-14.43 30.02-30.66V62.75c.01-17.71-15.35-31.74-33.77-30.7zM264.73 87.64C197.5 46.48 88.58 35.17 33.78 32.05 15.36 31.01 0 45.04 0 62.75V400.6c0 16.24 13.13 29.78 30.02 30.66 49.49 2.6 149.59 12.11 218.77 46.95 10.62 5.35 23.21-1.94 23.21-13.46V100.63c0-5.29-2.62-10.14-7.27-12.99z\"><\/path><\/svg>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"premium-title-text\" >\r\n\t\t\t\t\tGestione delle Date in Programmazione: Timestamp, Formati ISO e Calcoli Temporali\t\t\t\t<\/span>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c73a36c elementor-widget elementor-widget-text-editor\" data-id=\"c73a36c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A un primo sguardo, gestire le date in un software sembra un&#8217;operazione banale: basta prendere due giorni sul calendario &#8230;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9614c83 elementor-widget elementor-widget-button\" data-id=\"9614c83\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.elixlab.it\/wps\/blog\/2026\/10\/03\/gestione-date\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leggi articolo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Calcolatore Differenza tra Date Calcola il tempo trascorso o mancante tra due date. Data di Inizio Data di Fine Calcola Differenza Risultato del calcolo 0 Anni 0 Mesi 0 Giorni 0 Giorni Totali Gestione delle Date in Programmazione: Timestamp, Formati ISO e Calcoli Temporali A un primo sguardo, gestire le date in un software sembra [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-360","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/pages\/360","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/comments?post=360"}],"version-history":[{"count":7,"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/pages\/360\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/pages\/360\/revisions\/368"}],"wp:attachment":[{"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/media?parent=360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}