JavaScript Tutorial

Javascript Check if Cookies are Enabled Javascript Get Element Height Javascript Change Button Color Javascript Refresh Page Every 5 Seconds Allow only Numbers in Textbox Javascript Javascript Get Client Ip Address Javascript Clear form After Submit Javascript Change Title and Meta DescriptionTags Javascript foreach Object Draggable and Resizable Div Javascript Javascript Capitalize First Letter of Each Word Input Type Date Disable Future Date Javascript Check if date is in the Past Javascript Add Class onClick Javascript Date Yesterday Javascript Check if a Date is contained in an Array - React Js | Vue Js Javascript Random Date Between Two Dates Javascript Check if Date is Empty Find object by id in array Javascript Javascript Popup Input Get Domain From Email Javascript Javascript Check Email Domain Type Javascript Add Text to Div Add Remove Class to Body - Toggle Class Leap Year Program in Javascript Javascript split array to Chunks Javascript Replace Underscore with Space and Capitalize Js Add Space Before Capital Letter Javascript Get Day from Date Javascript Get Element By ClassName Javascript Wait 5 Seconds Javascript Paste from Clipboard Javascript Convert SGPA to Percentage Javascript Change Dynamic Open Graph Meta Tags Title & Description Javascript Slide Left or Right to Seek Javascript Calculate Sum of the First N Natural Numbers JavaScript: Get the First and Last Elements from an Array Jquery Check Clicked Element is Div or Not Jquery Create UL and LI tags dynamically with JSON data Jquery Toggle Element Visibility Use jQuery to Dynamically Change Page Title and Meta Description jQuery Change Image Src Dynamically JQuery Scroll to Div Id JQuery Get Element Height and Width Jquery Scroll to Top Button Jquery Radio Button Get Checked Value Javascript Date Format Javascript Get Current Year Javascript Get Last Date of Month Javascript Add Space Every 4 Character Javascript Change Font Awesome Icon onclick Javascript Random Future Date Generator Javascript Check if Element is in Array How to Dynamically Add a Font Awesome Icon with Javascript Javascript Check if Date is in Current Month Javascript Handling Multiple Inputs with a single onchange Handler Javascript Get Operating System Javascript Add Values to an Array of Objects Javascript Only One Checkbox Selected at a Time Javascript Remove Property from Object Javascript Add 0 to Single Digit Javascript Sum Array of Objects Javascript Track Time Spent on Page Javascript window.performance.now() How to Detect Browser and Tab Closing in Javascript Javascript Get Last Two Digits of Year

Javascript Date Format

In this tutorial, we cover three examples of JavaScript date formats, such as yyyy-mm-dd hh mm ss, timestamp to date yyyy-mm-dd hh-mm-ss, and dd-mm-yyyy hh mm ss. In these examples, you will get your desired format of date. This tutorial will show you how to format dates in JavaScript using the built-in Date object and its methods.

written

reviewed

updated

Example 1 : Javascript Date Format yyyy-mm-dd hh mm ss

In this example, we will learn how to use JavaScript to format dates in the format: yyyy-mm-dd hh:mm:ss.

Javascript Date Format yyyy-mm-dd hh mm ss Code

<script>
        function formatDateToYYYYMMDDHHMMSS(date) {
            const year = date.getFullYear();
            const month = String(date.getMonth() + 1).padStart(2, '0');
            const day = String(date.getDate()).padStart(2, '0');
            const hours = String(date.getHours()).padStart(2, '0');
            const minutes = String(date.getMinutes()).padStart(2, '0');
            const seconds = String(date.getSeconds()).padStart(2, '0');

            return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
        }
</script>

Run

Pasted Image

Example 2 : Javascript Convert Timestamp to date yyyy-mm-dd hh-mm-ss

In this second example of date formatting, we will learn how to convert a JavaScript timestamp into the desired date format, such as yyyy-mm-dd hh-mm-ss.

Javascript timestamp to date yyyy-mm-dd hh-mm-ss

 <script>
      function timestampToDateString(timestamp) {
            const date = new Date(timestamp);
            const yyyy = date.getFullYear();
            const mm = String(date.getMonth() + 1).padStart(2, '0');
            const dd = String(date.getDate()).padStart(2, '0');
            const hh = String(date.getHours()).padStart(2, '0');
            const min = String(date.getMinutes()).padStart(2, '0');
            const ss = String(date.getSeconds()).padStart(2, '0');

            return `${yyyy}-${mm}-${dd} ${hh}-${min}-${ss}`;
        }
</script>

Run

Pasted Image

Example 3 : Javascript Convert Current Date into dd-mm-yyyy hh mm ss Format

In this third example of Date Format, we convert the current date into this format: dd-mm-yyyy hh:mm:ss. You can use TryIt to edit this code.

Javascript Date Format : dd-mm-yyyy hh mm ss

 <script>
        function formatDate(date) {
            const day = String(date.getDate()).padStart(2, '0');
            const month = String(date.getMonth() + 1).padStart(2, '0');
            const year = date.getFullYear();
            const hours = String(date.getHours()).padStart(2, '0');
            const minutes = String(date.getMinutes()).padStart(2, '0');
            const seconds = String(date.getSeconds()).padStart(2, '0');

            return `${day}-${month}-${year} ${hours}:${minutes}:${seconds}`;
        }
</script>

Run

Pasted Image

JavaScript Tutorial

Javascript Date Format

Feedback for Abhishek

Example 1 : Javascript Date Format yyyy-mm-dd hh mm ss

Javascript Date Format yyyy-mm-dd hh mm ss Code

Example 2 : Javascript Convert Timestamp to date yyyy-mm-dd hh-mm-ss

Javascript timestamp to date yyyy-mm-dd hh-mm-ss

Example 3 : Javascript Convert Current Date into dd-mm-yyyy hh mm ss Format

Javascript Date Format : dd-mm-yyyy hh mm ss