Date & Time Duration Calculator<\/title>\n\n <style>\n .inputBox {\n width: 100%;\n border: 2px solid black;\n margin: 3px;\n padding: 8px !important;\n padding-left: 10px !important;\n border-radius: 8px;\n font-size: 18px;\n background: white;\n cursor: pointer;\n }\n\n .MainBox {\n border: 2px solid black;\n border-radius: 13px;\n padding: 2%;\n }\n\n .mb-3 {\n margin-bottom: 1rem !important;\n }\n\n .mt-3 {\n margin-top: 1rem !important;\n }\n\n .mb-4 {\n margin-bottom: 1.5rem !important;\n }\n\n .mb-2 {\n margin-bottom: 0.5rem !important;\n }\n\n .mt-2 {\n margin-top: 0.5rem !important;\n }\n\n .mt-4 {\n margin-top: 1.5rem !important;\n }\n\n .btn {\n border: 2px solid black;\n background-color: white;\n color: black;\n padding: 10px 20px;\n font-size: 20px;\n border-radius: 8px;\n width: 90%;\n cursor: pointer;\n }\n\n .btn-outline-secondary {\n border-color: rgb(60, 64, 67);\n color: black;\n }\n\n .btn-outline-secondary:hover {\n background-color: rgb(60, 64, 67);\n color: white;\n }\n\n .btn-center {\n text-align: center;\n }\n\n .DivHeadings {\n font-size: 18px;\n margin: 3px;\n padding: 5px;\n font-weight: 700;\n padding-left: 2px;\n width: 28%;\n display: inline-block;\n text-align: end;\n }\n\n .Fields {\n width: 30%;\n display: inline-block;\n font-size: 20px;\n }\n\n #ResultSection {\n background-color: rgb(60, 64, 67);\n color: white;\n border: 2px solid rgb(60, 64, 67);\n border-radius: 10px;\n padding: 5px;\n }\n\n .ResultHeading {\n color: white;\n text-align: center;\n font-size: 28px;\n font-weight: 700;\n }\n\n .ResultContent {\n font-size: 20px;\n margin: 3px;\n padding: 5px;\n font-weight: 700;\n padding-left: 2px;\n width: 50%;\n display: inline-block;\n text-align: right;\n }\n\n .FieldsResult {\n font-size: 20px;\n width: 45%;\n display: inline-block;\n }\n\n .right {\n float: right;\n cursor: pointer;\n }\n\n .ResultValue {\n padding-left: 5%;\n }\n\n #calculate svg {\n display: inline;\n height: 25;\n width: 25;\n position: relative;\n top: 4px;\n }\n\n .shareSection svg {\n position: relative;\n top: -1px;\n }\n\n .dropdown {\n position: relative;\n display: inline-block;\n }\n\n .dropdown-content {\n display: none;\n position: absolute;\n background-color: #f1f1f1;\n min-width: max-content;\n overflow: auto;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n right: 0;\n z-index: 1;\n cursor: pointer;\n }\n\n .dropdown-content a {\n color: black;\n padding: 10px 14px;\n text-decoration: none;\n font-size: 18px;\n display: block;\n border-radius: 8px;\n }\n\n .dropdown a:hover {\n background-color: rgb(60, 64, 67) !important;\n color: white !important;\n }\n\n .show {\n display: block;\n }\n\n .shareSection {\n padding: 5px;\n }\n\n .dropdownbtn {\n width: 100%;\n }\n\n\n @media only screen and (max-width: 530px) {\n .MainBox {\n border: none;\n padding: 2%;\n }\n\n .DivHeadings {\n width: 100%;\n display: block;\n text-align: start;\n font-size: 19px;\n padding: 0px;\n }\n\n .Fields {\n width: 100%;\n display: block;\n }\n\n .dropdown-content {\n right: 0;\n left: 0;\n }\n\n .toggle-label {\n width: 47%;\n }\n\n .btn {\n width: 100%;\n }\n\n .ResultContent {\n width: 100%;\n text-align: center;\n }\n\n .FieldsResult {\n width: 100%;\n text-align: center;\n }\n\n .right {\n float: none;\n margin-left: 6px;\n }\n\n .shareSection svg {\n top: -1px;\n }\n\n }\n <\/style>\n<\/head>\n\n<body>\n\n\n <div class=\"MainBox\">\n\n <div>\n <div class=\"DivHeadings\">\n Start Date & Time\n <\/div>\n\n <div class=\"Fields\">\n <input type=\"date\" name=\"\" id=\"start-date\" class=\"inputBox\">\n <\/div>\n\n <div class=\"Fields\">\n <input type=\"time\" name=\"\" id=\"start-time\" class=\"inputBox\">\n <\/div>\n <\/div>\n <div>\n <div class=\"DivHeadings\">\n End Date & Time\n <\/div>\n\n <div class=\"Fields\">\n <input type=\"date\" name=\"\" id=\"end-date\" class=\"inputBox\">\n <\/div>\n\n <div class=\"Fields\">\n <input type=\"time\" name=\"\" id=\"end-time\" class=\"inputBox\">\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"mt-4 mb-2 MainBox\" id=\"ResultSection\" style=\"display: block;\">\n\n <div class=\"ResultHeading mt-2\">\n Calculation Results\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full years\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"year\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconyear\">\n <svg onclick=\"Copy('year', 'copyIconyear')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\"\n height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full months\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"month\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconmonth\">\n <svg onclick=\"Copy('month', 'copyIconmonth')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\"\n height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full weeks\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"week\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconweek\">\n <svg onclick=\"Copy('week', 'copyIconweek')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\"\n height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full days\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"day\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconday\">\n <svg onclick=\"Copy('day', 'copyIconday')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\"\n fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full hours\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"hour\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconhour\">\n <svg onclick=\"Copy('hour', 'copyIconhour')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\"\n height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full minutes\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"minute\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconminute\">\n <svg onclick=\"Copy('minute', 'copyIconminute')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\"\n height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full seconds\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"second\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconsecond\">\n <svg onclick=\"Copy('second', 'copyIconsecond')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\"\n height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <div class=\"shareSection mb-4\">\n\n <span>\n <span class=\"dropdown\">\n <button class=\"btn btn-outline-secondary dropdownbtn\" type=\"button\" onclick=\"myFunction()\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"currentColor\"\n class=\"bi bi-share\" viewBox=\"0 0 16 16\">\n <path\n d=\"M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5m-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3\" \/>\n <\/svg> Share\n <\/button>\n\n <div id=\"myDropdown\" class=\"dropdown-content\">\n <a onclick=\"ShareByFb()\">Share on Facebook<\/a>\n <a onclick=\"ShareByTwitter()\">Share on Twitter<\/a>\n <a onclick=\"ShareByEmail()\">Share via Email<\/a>\n <\/div>\n <\/span>\n <\/span>\n\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n\n const startDate = document.querySelector('#start-date')\n const startTime = document.querySelector('#start-time')\n const endDate = document.querySelector('#end-date')\n const endTime = document.querySelector('#end-time')\n\n const year = document.querySelector('#year')\n const month = document.querySelector('#month')\n const week = document.querySelector('#week')\n const day = document.querySelector('#day')\n const hour = document.querySelector('#hour')\n const minute = document.querySelector('#minute')\n const second = document.querySelector('#second')\n\n const currentDate = new Date()\n startDate.value = currentDate.toISOString().split('T')[0]\n startTime.value = (\"0\" + currentDate.getHours()).slice(-2) + \":\" + (\"0\" + currentDate.getMinutes()).slice(-2)\n\n currentDate.setDate(currentDate.getDate() + 1)\n endDate.value = currentDate.toISOString().split('T')[0]\n endTime.value = (\"0\" + currentDate.getHours()).slice(-2) + \":\" + (\"0\" + currentDate.getMinutes()).slice(-2)\n\n const calcualte = () => {\n date1 = new Date(startDate.value + 'T' + startTime.value)\n date2 = new Date(endDate.value + 'T' + endTime.value)\n\n year.innerHTML = (date2.getFullYear() - date1.getFullYear()).toLocaleString()\n month.innerHTML = ((date2.getFullYear() - date1.getFullYear()) * 12 + (date2.getMonth() - date1.getMonth())).toLocaleString()\n\n let timeDifference = date2 - date1\n week.innerHTML = Math.floor((timeDifference \/ (1000 * 60 * 60 * 24)) \/ 7).toLocaleString()\n day.innerHTML = Math.floor(timeDifference \/ (1000 * 60 * 60 * 24)).toLocaleString()\n hour.innerHTML = Math.floor(timeDifference \/ (1000 * 60 * 60)).toLocaleString()\n minute.innerHTML = Math.floor(timeDifference \/ (1000 * 60)).toLocaleString()\n second.innerHTML = Math.floor(timeDifference \/ 1000).toLocaleString()\n }\n\n startDate.addEventListener('change', () => {\n calcualte()\n })\n\n endDate.addEventListener('change', () => {\n calcualte()\n })\n\n startTime.addEventListener('change', () => {\n calcualte()\n })\n\n endTime.addEventListener('change', () => {\n calcualte()\n })\n\n calcualte()\n\n })\n\n async function Copy(DaysCount, copyIconDaysCount) {\n\n let DaysCountNumber = document.getElementById(DaysCount).innerHTML\n\n let copied = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" fill=\"currentColor\" class=\"bi bi-clipboard-check\" viewBox=\"0 0 16 16\">\n<path fill-rule=\"evenodd\" d=\"M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z\"\/>\n<path d=\"M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1z\"\/>\n<path d=\"M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0z\"\/>\n<\/svg>`\n\n await navigator.clipboard.writeText(DaysCountNumber)\n\n document.getElementById(copyIconDaysCount).innerHTML = copied\n setTimeout(() => {\n document.getElementById(copyIconDaysCount).innerHTML = `\n<svg onclick=\"Copy('${DaysCount}', '${copyIconDaysCount}')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n width=\"28\" height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n<\/svg>\n `\n }, 500);\n\n\n }\n\n function ShareByFb() {\n window.location = `https:\/\/www.facebook.com\/sharer.php?${location.href}`\n }\n\n function ShareByTwitter() {\n window.location = `https:\/\/twitter.com\/intent\/tweet?url=${location.href}`\n }\n\n function ShareByEmail() {\n window.location = `mailto:?subject=I wanted you to see this site &body=Check out this site ${location.href}`\n }\n\n function myFunction() {\n document.getElementById(\"myDropdown\").classList.toggle(\"show\");\n }\n\n window.onclick = function (event) {\n if (!event.target.matches('.dropdownbtn')) {\n var dropdowns = document.getElementsByClassName(\"dropdown-content\");\n var i;\n for (i = 0; i < dropdowns.length; i++) {\n var openDropdown = dropdowns[i];\n if (openDropdown.classList.contains('show')) {\n openDropdown.classList.remove('show');\n }\n }\n }\n }\n <\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/robocalculator.com\/calculator\/age-calculator\/\">Age Calculator<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/robocalculator.com\/convert\/find-days-between-dates\/\">Days Between Dates<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/robocalculator.com\/calculator\/day-counter\/\">Day Counter Calculator<\/a><\/div>\n<\/div>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#How_To_Calculate_Date_Time_Duration\" title=\"How To Calculate Date & Time Duration?\">How To Calculate Date & Time Duration?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#Assessing_Time_Intervals\" title=\"Assessing Time Intervals\">Assessing Time Intervals<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#Duration_Required_for_Activities\" title=\"Duration Required for Activities\">Duration Required for Activities<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#Countdown_Until_Events\" title=\"Countdown Until Events\">Countdown Until Events<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#Reflecting_on_Past_Occurrences\" title=\"Reflecting on Past Occurrences\">Reflecting on Past Occurrences<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#Computing_Time_Since_an_Event_Began\" title=\"Computing Time Since an Event Began\">Computing Time Since an Event Began<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#References\" title=\"References:\">References:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#Link_to_this_Page\" title=\"Link to this Page\">Link to this Page<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_To_Calculate_Date_Time_Duration\"><\/span>How To Calculate Date & Time Duration?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>To <strong>determine the span between two points<\/strong> in time, input the start and end dates along with the respective times into the designated fields. The outcome will be presented in various units of time, from which you can choose the one that aligns with your requirements.<\/p>\n\n\n\n<p>Here's a step-by-step guide:<\/p>\n\n\n\n<ul>\n<li>Enter the <strong>start date<\/strong> and <strong>time<\/strong>.<\/li>\n\n\n\n<li>Fill in the <strong>end date<\/strong> and <strong>time<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>This utility will show you the length of time expressed in:<\/p>\n\n\n\n<ul>\n<li><strong>Complete<\/strong> years<\/li>\n\n\n\n<li><strong>Full<\/strong> months<\/li>\n\n\n\n<li><strong>Whole<\/strong> weeks<\/li>\n\n\n\n<li><strong>Entire<\/strong> days<\/li>\n\n\n\n<li>Precise hours<\/li>\n\n\n\n<li>Exact minutes<\/li>\n\n\n\n<li>Seconds<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Assessing_Time_Intervals\"><\/span>Assessing Time Intervals<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Duration_Required_for_Activities\"><\/span>Duration Required for Activities<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In daily life, understanding the time it will take to accomplish a task is crucial. For example, knowing the estimated travel time can determine when you should depart when you plan a trip, whether by public transit or private vehicle. By calculating the start and finish times, your journey, whether to a local store or an important meeting, can be scheduled precisely.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Countdown_Until_Events\"><\/span>Countdown Until Events<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Using a countdown tool can enhance your anticipation for an upcoming event. Visualize wanting to know how many days or hours you have left until a special date, like a conference or a personal occasion. Such a tool can provide you with exact numbers, enabling you to mark the time until the anticipated moment.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Reflecting_on_Past_Occurrences\"><\/span>Reflecting on Past Occurrences<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Calculating the span since past occurrences, whether momentous historical events or personal milestones, can offer perspective. It's helpful in various settings, including historical research, sports analytics, or even tracking personal achievements. <\/p>\n\n\n\n<p>For example, you might be curious about the time that has passed since the commencement of an important project or the anniversary of a nation\u2019s founding.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Computing_Time_Since_an_Event_Began\"><\/span>Computing Time Since an Event Began<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Often, the amount of time that has gone by since an event started needs to be determined. This may apply to sports matches, races, and academic tests. While similar to reflecting on past occurrences, these calculations frequently pertain to shorter periods and can help with time management or assessing one's performance in a time-sensitive activity.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"References\"><\/span>References:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p><a href=\"https:\/\/www.epochconverter.com\/date-difference\" target=\"_blank\" rel=\"noopener\">https:\/\/www.epochconverter.com\/date-difference<\/a><\/p>\n\n\n\n<h4><span class=\"ez-toc-section\" id=\"Link_to_this_Page\"><\/span>Link to this Page<span class=\"ez-toc-section-end\"><\/span><\/h4>\r\n\r\nIf you'd like to cite the online calculator on the page, you can use the following citation:\r\nKeith Woods,\u00a0\"<i>Date & Time Duration Calculator: Days Between Dates<\/i>\", Available at: <a href=\"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/posts\/39\">https:\/\/robocalculator.com\/wp-json\/wp\/v2\/posts\/39<\/a>\u00a0URL, Accessed Date: [ May 12, 2024 ]\n","protected":false},"excerpt":{"rendered":"<p>Use this easy-to-use day & time duration calculator to determine how many years, months, weeks, days, hours, minutes, or seconds are between two dates.\u00a0You can even get the exact time minutes and seconds between two given dates. Date & Time Duration Calculator Start Date & Time End Date & Time Calculation Results Duration in full … <a title=\"Date & Time Duration Calculator: Days Between Dates\" class=\"read-more\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/\" aria-label=\"Read more about Date & Time Duration Calculator: Days Between Dates\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/posts\/39"}],"collection":[{"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":4,"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":81,"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/posts\/39\/revisions\/81"}],"wp:attachment":[{"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/categories?post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/tags?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":39,"date":"2024-04-05T04:38:46","date_gmt":"2024-04-05T04:38:46","guid":{"rendered":"https:\/\/robocalculator.com\/?p=39"},"modified":"2024-04-05T05:06:34","modified_gmt":"2024-04-05T05:06:34","slug":"date-time-duration-calculator","status":"publish","type":"post","link":"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/","title":{"rendered":"Date & Time Duration Calculator: Days Between Dates"},"content":{"rendered":"\n

Use this easy-to-use day & time duration calculator <\/strong>to determine how many years, months, weeks, days, hours, minutes, or seconds are between two dates.\u00a0You can even get the exact time minutes and seconds between two given dates.<\/p>\n\n\n\n\n\n\n \n \n Date & Time Duration Calculator<\/title>\n\n <style>\n .inputBox {\n width: 100%;\n border: 2px solid black;\n margin: 3px;\n padding: 8px !important;\n padding-left: 10px !important;\n border-radius: 8px;\n font-size: 18px;\n background: white;\n cursor: pointer;\n }\n\n .MainBox {\n border: 2px solid black;\n border-radius: 13px;\n padding: 2%;\n }\n\n .mb-3 {\n margin-bottom: 1rem !important;\n }\n\n .mt-3 {\n margin-top: 1rem !important;\n }\n\n .mb-4 {\n margin-bottom: 1.5rem !important;\n }\n\n .mb-2 {\n margin-bottom: 0.5rem !important;\n }\n\n .mt-2 {\n margin-top: 0.5rem !important;\n }\n\n .mt-4 {\n margin-top: 1.5rem !important;\n }\n\n .btn {\n border: 2px solid black;\n background-color: white;\n color: black;\n padding: 10px 20px;\n font-size: 20px;\n border-radius: 8px;\n width: 90%;\n cursor: pointer;\n }\n\n .btn-outline-secondary {\n border-color: rgb(60, 64, 67);\n color: black;\n }\n\n .btn-outline-secondary:hover {\n background-color: rgb(60, 64, 67);\n color: white;\n }\n\n .btn-center {\n text-align: center;\n }\n\n .DivHeadings {\n font-size: 18px;\n margin: 3px;\n padding: 5px;\n font-weight: 700;\n padding-left: 2px;\n width: 28%;\n display: inline-block;\n text-align: end;\n }\n\n .Fields {\n width: 30%;\n display: inline-block;\n font-size: 20px;\n }\n\n #ResultSection {\n background-color: rgb(60, 64, 67);\n color: white;\n border: 2px solid rgb(60, 64, 67);\n border-radius: 10px;\n padding: 5px;\n }\n\n .ResultHeading {\n color: white;\n text-align: center;\n font-size: 28px;\n font-weight: 700;\n }\n\n .ResultContent {\n font-size: 20px;\n margin: 3px;\n padding: 5px;\n font-weight: 700;\n padding-left: 2px;\n width: 50%;\n display: inline-block;\n text-align: right;\n }\n\n .FieldsResult {\n font-size: 20px;\n width: 45%;\n display: inline-block;\n }\n\n .right {\n float: right;\n cursor: pointer;\n }\n\n .ResultValue {\n padding-left: 5%;\n }\n\n #calculate svg {\n display: inline;\n height: 25;\n width: 25;\n position: relative;\n top: 4px;\n }\n\n .shareSection svg {\n position: relative;\n top: -1px;\n }\n\n .dropdown {\n position: relative;\n display: inline-block;\n }\n\n .dropdown-content {\n display: none;\n position: absolute;\n background-color: #f1f1f1;\n min-width: max-content;\n overflow: auto;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n right: 0;\n z-index: 1;\n cursor: pointer;\n }\n\n .dropdown-content a {\n color: black;\n padding: 10px 14px;\n text-decoration: none;\n font-size: 18px;\n display: block;\n border-radius: 8px;\n }\n\n .dropdown a:hover {\n background-color: rgb(60, 64, 67) !important;\n color: white !important;\n }\n\n .show {\n display: block;\n }\n\n .shareSection {\n padding: 5px;\n }\n\n .dropdownbtn {\n width: 100%;\n }\n\n\n @media only screen and (max-width: 530px) {\n .MainBox {\n border: none;\n padding: 2%;\n }\n\n .DivHeadings {\n width: 100%;\n display: block;\n text-align: start;\n font-size: 19px;\n padding: 0px;\n }\n\n .Fields {\n width: 100%;\n display: block;\n }\n\n .dropdown-content {\n right: 0;\n left: 0;\n }\n\n .toggle-label {\n width: 47%;\n }\n\n .btn {\n width: 100%;\n }\n\n .ResultContent {\n width: 100%;\n text-align: center;\n }\n\n .FieldsResult {\n width: 100%;\n text-align: center;\n }\n\n .right {\n float: none;\n margin-left: 6px;\n }\n\n .shareSection svg {\n top: -1px;\n }\n\n }\n <\/style>\n<\/head>\n\n<body>\n\n\n <div class=\"MainBox\">\n\n <div>\n <div class=\"DivHeadings\">\n Start Date & Time\n <\/div>\n\n <div class=\"Fields\">\n <input type=\"date\" name=\"\" id=\"start-date\" class=\"inputBox\">\n <\/div>\n\n <div class=\"Fields\">\n <input type=\"time\" name=\"\" id=\"start-time\" class=\"inputBox\">\n <\/div>\n <\/div>\n <div>\n <div class=\"DivHeadings\">\n End Date & Time\n <\/div>\n\n <div class=\"Fields\">\n <input type=\"date\" name=\"\" id=\"end-date\" class=\"inputBox\">\n <\/div>\n\n <div class=\"Fields\">\n <input type=\"time\" name=\"\" id=\"end-time\" class=\"inputBox\">\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"mt-4 mb-2 MainBox\" id=\"ResultSection\" style=\"display: block;\">\n\n <div class=\"ResultHeading mt-2\">\n Calculation Results\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full years\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"year\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconyear\">\n <svg onclick=\"Copy('year', 'copyIconyear')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\"\n height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full months\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"month\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconmonth\">\n <svg onclick=\"Copy('month', 'copyIconmonth')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\"\n height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full weeks\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"week\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconweek\">\n <svg onclick=\"Copy('week', 'copyIconweek')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\"\n height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full days\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"day\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconday\">\n <svg onclick=\"Copy('day', 'copyIconday')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\"\n fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full hours\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"hour\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconhour\">\n <svg onclick=\"Copy('hour', 'copyIconhour')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\"\n height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full minutes\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"minute\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconminute\">\n <svg onclick=\"Copy('minute', 'copyIconminute')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\"\n height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <div>\n <div class=\"ResultContent mt-2\">\n Duration in full seconds\n <\/div>\n\n <div class=\"FieldsResult\">\n <span id=\"second\" class=\"ResultValue\"><\/span>\n\n <span class=\"right\" id=\"copyIconsecond\">\n <svg onclick=\"Copy('second', 'copyIconsecond')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\"\n height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n <\/svg>\n <\/span>\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <div class=\"shareSection mb-4\">\n\n <span>\n <span class=\"dropdown\">\n <button class=\"btn btn-outline-secondary dropdownbtn\" type=\"button\" onclick=\"myFunction()\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"currentColor\"\n class=\"bi bi-share\" viewBox=\"0 0 16 16\">\n <path\n d=\"M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5m-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3\" \/>\n <\/svg> Share\n <\/button>\n\n <div id=\"myDropdown\" class=\"dropdown-content\">\n <a onclick=\"ShareByFb()\">Share on Facebook<\/a>\n <a onclick=\"ShareByTwitter()\">Share on Twitter<\/a>\n <a onclick=\"ShareByEmail()\">Share via Email<\/a>\n <\/div>\n <\/span>\n <\/span>\n\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n\n const startDate = document.querySelector('#start-date')\n const startTime = document.querySelector('#start-time')\n const endDate = document.querySelector('#end-date')\n const endTime = document.querySelector('#end-time')\n\n const year = document.querySelector('#year')\n const month = document.querySelector('#month')\n const week = document.querySelector('#week')\n const day = document.querySelector('#day')\n const hour = document.querySelector('#hour')\n const minute = document.querySelector('#minute')\n const second = document.querySelector('#second')\n\n const currentDate = new Date()\n startDate.value = currentDate.toISOString().split('T')[0]\n startTime.value = (\"0\" + currentDate.getHours()).slice(-2) + \":\" + (\"0\" + currentDate.getMinutes()).slice(-2)\n\n currentDate.setDate(currentDate.getDate() + 1)\n endDate.value = currentDate.toISOString().split('T')[0]\n endTime.value = (\"0\" + currentDate.getHours()).slice(-2) + \":\" + (\"0\" + currentDate.getMinutes()).slice(-2)\n\n const calcualte = () => {\n date1 = new Date(startDate.value + 'T' + startTime.value)\n date2 = new Date(endDate.value + 'T' + endTime.value)\n\n year.innerHTML = (date2.getFullYear() - date1.getFullYear()).toLocaleString()\n month.innerHTML = ((date2.getFullYear() - date1.getFullYear()) * 12 + (date2.getMonth() - date1.getMonth())).toLocaleString()\n\n let timeDifference = date2 - date1\n week.innerHTML = Math.floor((timeDifference \/ (1000 * 60 * 60 * 24)) \/ 7).toLocaleString()\n day.innerHTML = Math.floor(timeDifference \/ (1000 * 60 * 60 * 24)).toLocaleString()\n hour.innerHTML = Math.floor(timeDifference \/ (1000 * 60 * 60)).toLocaleString()\n minute.innerHTML = Math.floor(timeDifference \/ (1000 * 60)).toLocaleString()\n second.innerHTML = Math.floor(timeDifference \/ 1000).toLocaleString()\n }\n\n startDate.addEventListener('change', () => {\n calcualte()\n })\n\n endDate.addEventListener('change', () => {\n calcualte()\n })\n\n startTime.addEventListener('change', () => {\n calcualte()\n })\n\n endTime.addEventListener('change', () => {\n calcualte()\n })\n\n calcualte()\n\n })\n\n async function Copy(DaysCount, copyIconDaysCount) {\n\n let DaysCountNumber = document.getElementById(DaysCount).innerHTML\n\n let copied = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" fill=\"currentColor\" class=\"bi bi-clipboard-check\" viewBox=\"0 0 16 16\">\n<path fill-rule=\"evenodd\" d=\"M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z\"\/>\n<path d=\"M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1z\"\/>\n<path d=\"M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0z\"\/>\n<\/svg>`\n\n await navigator.clipboard.writeText(DaysCountNumber)\n\n document.getElementById(copyIconDaysCount).innerHTML = copied\n setTimeout(() => {\n document.getElementById(copyIconDaysCount).innerHTML = `\n<svg onclick=\"Copy('${DaysCount}', '${copyIconDaysCount}')\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n width=\"28\" height=\"28\" fill=\"currentColor\" class=\"bi bi-copy\" viewBox=\"0 0 16 16\">\n <path fill-rule=\"evenodd\"\n d=\"M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z\">\n <\/path>\n<\/svg>\n `\n }, 500);\n\n\n }\n\n function ShareByFb() {\n window.location = `https:\/\/www.facebook.com\/sharer.php?${location.href}`\n }\n\n function ShareByTwitter() {\n window.location = `https:\/\/twitter.com\/intent\/tweet?url=${location.href}`\n }\n\n function ShareByEmail() {\n window.location = `mailto:?subject=I wanted you to see this site &body=Check out this site ${location.href}`\n }\n\n function myFunction() {\n document.getElementById(\"myDropdown\").classList.toggle(\"show\");\n }\n\n window.onclick = function (event) {\n if (!event.target.matches('.dropdownbtn')) {\n var dropdowns = document.getElementsByClassName(\"dropdown-content\");\n var i;\n for (i = 0; i < dropdowns.length; i++) {\n var openDropdown = dropdowns[i];\n if (openDropdown.classList.contains('show')) {\n openDropdown.classList.remove('show');\n }\n }\n }\n }\n <\/script>\n\n<\/body>\n\n<\/html>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/robocalculator.com\/calculator\/age-calculator\/\">Age Calculator<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/robocalculator.com\/convert\/find-days-between-dates\/\">Days Between Dates<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/robocalculator.com\/calculator\/day-counter\/\">Day Counter Calculator<\/a><\/div>\n<\/div>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#How_To_Calculate_Date_Time_Duration\" title=\"How To Calculate Date & Time Duration?\">How To Calculate Date & Time Duration?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#Assessing_Time_Intervals\" title=\"Assessing Time Intervals\">Assessing Time Intervals<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#Duration_Required_for_Activities\" title=\"Duration Required for Activities\">Duration Required for Activities<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#Countdown_Until_Events\" title=\"Countdown Until Events\">Countdown Until Events<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#Reflecting_on_Past_Occurrences\" title=\"Reflecting on Past Occurrences\">Reflecting on Past Occurrences<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#Computing_Time_Since_an_Event_Began\" title=\"Computing Time Since an Event Began\">Computing Time Since an Event Began<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#References\" title=\"References:\">References:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/#Link_to_this_Page\" title=\"Link to this Page\">Link to this Page<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_To_Calculate_Date_Time_Duration\"><\/span>How To Calculate Date & Time Duration?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>To <strong>determine the span between two points<\/strong> in time, input the start and end dates along with the respective times into the designated fields. The outcome will be presented in various units of time, from which you can choose the one that aligns with your requirements.<\/p>\n\n\n\n<p>Here's a step-by-step guide:<\/p>\n\n\n\n<ul>\n<li>Enter the <strong>start date<\/strong> and <strong>time<\/strong>.<\/li>\n\n\n\n<li>Fill in the <strong>end date<\/strong> and <strong>time<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>This utility will show you the length of time expressed in:<\/p>\n\n\n\n<ul>\n<li><strong>Complete<\/strong> years<\/li>\n\n\n\n<li><strong>Full<\/strong> months<\/li>\n\n\n\n<li><strong>Whole<\/strong> weeks<\/li>\n\n\n\n<li><strong>Entire<\/strong> days<\/li>\n\n\n\n<li>Precise hours<\/li>\n\n\n\n<li>Exact minutes<\/li>\n\n\n\n<li>Seconds<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Assessing_Time_Intervals\"><\/span>Assessing Time Intervals<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Duration_Required_for_Activities\"><\/span>Duration Required for Activities<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In daily life, understanding the time it will take to accomplish a task is crucial. For example, knowing the estimated travel time can determine when you should depart when you plan a trip, whether by public transit or private vehicle. By calculating the start and finish times, your journey, whether to a local store or an important meeting, can be scheduled precisely.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Countdown_Until_Events\"><\/span>Countdown Until Events<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Using a countdown tool can enhance your anticipation for an upcoming event. Visualize wanting to know how many days or hours you have left until a special date, like a conference or a personal occasion. Such a tool can provide you with exact numbers, enabling you to mark the time until the anticipated moment.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Reflecting_on_Past_Occurrences\"><\/span>Reflecting on Past Occurrences<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Calculating the span since past occurrences, whether momentous historical events or personal milestones, can offer perspective. It's helpful in various settings, including historical research, sports analytics, or even tracking personal achievements. <\/p>\n\n\n\n<p>For example, you might be curious about the time that has passed since the commencement of an important project or the anniversary of a nation\u2019s founding.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Computing_Time_Since_an_Event_Began\"><\/span>Computing Time Since an Event Began<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Often, the amount of time that has gone by since an event started needs to be determined. This may apply to sports matches, races, and academic tests. While similar to reflecting on past occurrences, these calculations frequently pertain to shorter periods and can help with time management or assessing one's performance in a time-sensitive activity.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"References\"><\/span>References:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p><a href=\"https:\/\/www.epochconverter.com\/date-difference\" target=\"_blank\" rel=\"noopener\">https:\/\/www.epochconverter.com\/date-difference<\/a><\/p>\n\n\n\n<h4><span class=\"ez-toc-section\" id=\"Link_to_this_Page\"><\/span>Link to this Page<span class=\"ez-toc-section-end\"><\/span><\/h4>\r\n\r\nIf you'd like to cite the online calculator on the page, you can use the following citation:\r\nKeith Woods,\u00a0\"<i>Date & Time Duration Calculator: Days Between Dates<\/i>\", Available at: <a href=\"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/posts\/39\">https:\/\/robocalculator.com\/wp-json\/wp\/v2\/posts\/39<\/a>\u00a0URL, Accessed Date: [ May 12, 2024 ]\n","protected":false},"excerpt":{"rendered":"<p>Use this easy-to-use day & time duration calculator to determine how many years, months, weeks, days, hours, minutes, or seconds are between two dates.\u00a0You can even get the exact time minutes and seconds between two given dates. Date & Time Duration Calculator Start Date & Time End Date & Time Calculation Results Duration in full … <a title=\"Date & Time Duration Calculator: Days Between Dates\" class=\"read-more\" href=\"https:\/\/robocalculator.com\/calculator\/date-time-duration-calculator\/\" aria-label=\"Read more about Date & Time Duration Calculator: Days Between Dates\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/posts\/39"}],"collection":[{"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":4,"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":81,"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/posts\/39\/revisions\/81"}],"wp:attachment":[{"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/categories?post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/robocalculator.com\/wp-json\/wp\/v2\/tags?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}