Convert UTC date time to local date time

In JavaScript, converting UTC date and time to local date and time can be achieved through multiple approaches. Below are some common methods:

1. Using the Date object

The JavaScript Date object automatically accounts for local time upon creation. When creating a Date object from a UTC time string (e.g., in ISO 8601 format), it converts to local time based on the system's time zone.

javascript
// Assume we have a UTC time string
var utcDateString = "2022-06-01T12:00:00Z";

// Create a Date object
var date = new Date(utcDateString);

// Output local time
console.log(date.toString()); // Outputs the local time

2. Using the toLocaleString() method

The Date object provides the toLocaleString() method, which formats date and time according to the local language and time zone settings.

javascript
var utcDateString = "2022-06-01T12:00:00Z";
var date = new Date(utcDateString);

// Output a localized date and time string
console.log(date.toLocaleString());

3. Using third-party libraries

For simplicity or to handle more complex date and time operations, third-party libraries can be a practical choice. For example, moment.js is a widely used library for date and time handling.

javascript
// Using Moment.js (requires installing the moment library first)
var moment = require('moment');

// Create a UTC date and time
var utcDate = moment.utc("2022-06-01T12:00:00");

// Convert to local time
var localDate = utcDate.local();

console.log(localDate.format()); // Outputs the string representation of local time

Example application scenario

Suppose you are developing an internationalized scheduling application with users globally distributed. All scheduled times stored in the database are in UTC format. When users view their schedules, you must convert these times to their respective local times. Using one of the methods above, you can easily implement this functionality, ensuring users see the correct local time rather than UTC time.

Through these methods, JavaScript can conveniently handle UTC-to-local time conversions, meeting most daily development requirements.