Given a date object and the task is to determine whether the given date is the same as today’s date or not with the help of JavaScript. There are two well-famous approaches are discussed here.
Approach 1: Get the input date from user (var inpDate) and the today’s date by new Date(). Now, use .setHours() method on both dates by passing parameters of all zeroes. All zeroes are passed to make all hour, min, sec and millisec to 0. Now compare today’s date with given date and display the result.
- Example: This example implements the above approach.
<!DOCTYPE HTML><html><head><title>How to Check Input Date is Equalto Today’s Date or not usingJavaScript?</title><style>body {text-align: center;}h1{color: green;}#neveropen {color: green;font-size: 29px;font-weight: bold;}</style></head><body><h1>neveropen</h1><b>Type the date in given formatand <br>check if it is same astoday's date or not.</b><br><br>Type date: <inputid="date"placeholder="mm/dd/yyyy"/><br><br><buttononclick="gfg();">click here</button><pid="neveropen"></p><script>var down = document.getElementById('neveropen');function gfg() {var date =document.getElementById('date').value;var inpDate = new Date(date);var currDate = new Date();if(inpDate.setHours(0, 0, 0, 0) ==currDate.setHours(0, 0, 0, 0)){down.innerHTML ="The input date is today's date";}else {down.innerHTML = "The input date is"+ " different from today's date";}}</script></body></html> - Output:
Approach 2: Similarly get the input date from user (var inpDate) and the today’s date by using new Date(). Now, we will use .toDateString() method on both dates to convert them to readable strings. Now compare today’s date with given date and display the result.
- Example: This example implements the above approach.
<!DOCTYPE HTML><html><head><title>How to Check Input Date is Equalto Today’s Date or not usingJavaScript?</title><style>body {text-align: center;}h1 {color: green;}#neveropen {color: green;font-size: 29px;font-weight: bold;}</style></head><body><h1>neveropen</h1><b>Type the date in given formatand <br>check if it is same astoday's date or not.</b><br><br>Type date: <inputid="date"placeholder="mm/dd/yyyy"/><br><br><buttononclick="gfg();">click here</button><pid="neveropen"></p><script>var down = document.getElementById('neveropen');function gfg() {var date =document.getElementById('date').value;var inpDate = new Date(date);var currDate = new Date();if(currDate.toDateString() ==inpDate.toDateString()){down.innerHTML ="The input date is today's date";}else {down.innerHTML = "The input date is"+ " different from today's date";}}</script></body></html> - Output:
