JavaScript toDateString(): Get Date as String

The JavaScript toDateString() method is used to get the date as a string. For example:

HTML with JavaScript Code

<!DOCTYPE html>
<html>
<body>
   
   <p id="xyz"></p>

   <script>
      const d = new Date();
      let currentDate = d.toDateString();
      document.getElementById("xyz").innerHTML = currentDate;
   </script>

</body>
</html>

Output

JavaScript toDateString() syntax

The syntax of the toDateString() method in JavaScript is:

x.toDateString()

where x must be an object of the Date() constructor.

The toDateString() method returns a string representing the current date.

Print dates separately in JavaScript using toDateString()

Since the toDateString() method returns the complete date as a string that contains the name of the weekday, month name, date, and year, therefore, we can use the slice() method to slice the value from the string and print the value separately. For example:

HTML with JavaScript Code

<!DOCTYPE html>
<html>
<body>
   
   <p>Date: <span id="day"></span></p>
   <p>Month: <span id="month"></span></p>
   <p>Year: <span id="year"></span></p>

   <script>
      const d = new Date();
      let currentDate = d.toDateString();
      document.getElementById("day").innerHTML = currentDate.slice(8, 10);
      document.getElementById("month").innerHTML = currentDate.slice(4, 7);
      document.getElementById("year").innerHTML = currentDate.slice(11);
   </script>

</body>
</html>

Output

Date:

Month:

Year:

Please note: To display the date in the format dd-mm-yyyy, refer to its separate example.

Please note: To display time in the format hh:mm:ss, refer to its separate example.

Please note: To display time in the format hh:mm:ss AM/PM, refer to its separate example.

JavaScript Online Test

« Previous Tutorial Next Tutorial »

Liked this post? Share it!