HomeLanguagesJavascriptHow to convert UTC date time into local date time using JavaScript...

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

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:

 

RELATED ARTICLES

Most Popular

Dominic
32711 POSTS0 COMMENTS
Milvus
131 POSTS0 COMMENTS
Nango Kala
7082 POSTS0 COMMENTS
Nicole Veronica
12221 POSTS0 COMMENTS
Nokonwaba Nkukhwana
12307 POSTS0 COMMENTS
Shaida Kate Naidoo
7201 POSTS0 COMMENTS
Ted Musemwa
7460 POSTS0 COMMENTS
Thapelo Manthata
7183 POSTS0 COMMENTS
Umr Jansen
7169 POSTS0 COMMENTS