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

0 0 1 minute read

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>