Skip to content
Related Articles
Open in App
Not now

Related Articles

How to convert UTC date time into local date time using JavaScript ?

Improve Article
Save Article
  • Last Updated : 30 Dec, 2022
Improve Article
Save Article

Given an UTC date and the task is to convert UTC date time into local date-time using JavaScript toLocaleString() function.

Syntax:

var theDate = new Date(Date.parse('DATE_IN_UTC'))
theDate.toLocaleString()

Example 1: This example converts UTC date time into local date time using JavaScript. 

html




<body>
    <h1 style="color:green;">
        GeekforGeeks
    </h1>
  
    <p>
        Click the button to convert
        UTC date and time to local
        date and time
    </p>
  
    <p>
        UTC date and time:
        06/14/2020 4:41:48 PM
    </p>
  
    <button onclick="myGeeks()">
        Try it
    </button>
  
    <p id="demo"></p>
  
    <script>
        function myGeeks() {
            var theDate = new Date(Date.parse(
                '06/14/2020 4:41:48 PM UTC'));
          
            document.getElementById("demo")
                .innerHTML = "Local date Time: "
                + theDate.toLocaleString();
        }
    </script>
</body>


Output:

 

Example 2: This example converts today’s UTC date time into local date time using JavaScript. 

HTML




<body>
    <h1 style="color:green;">
        GeekforGeeks
    </h1>
  
    <p>
        Click the button to convert
        UTC date and time to local
        date and time
    </p>
  
    <p id="UTC_DATE">
        UTC date and time:
        06/14/2020 4:41:48 PM
    </p>
  
    <button onclick="myGeeks()">
        Try it
    </button>
  
    <p id="demo"></p>
  
    <script>
        var theDate = new Date().toUTCString();
        document.getElementById("UTC_DATE").innerHTML = "UTC date and time: "
                                                        + theDate
        function myGeeks() {
              
            var theDate = new Date().toLocaleString();
          
            document.getElementById("demo")
                .innerHTML = "Local date Time: "
                + theDate.toLocaleString();
        }
    </script>
</body>


Output:

 


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!