JavaScript | Método Intl.DateTimeFormat.prototype.formatRange()

El método Intl.DateTimeFormat.prototype.formatRange() es un método incorporado en JavaScript que se usa para dar formato a un intervalo de fechas de la manera más concisa en función de la configuración regional y las opciones proporcionadas al instanciar el objeto Intl.DateTimeFormat.
Sintaxis: 
 

Intl.DateTimeFormat.prototype.formatRange(startDate, endDate)

Parámetros: Este método acepta dos parámetros como se mencionó anteriormente y se describe a continuación: 
 

• startDate: este parámetro contiene la fecha de inicio del rango.
• endDate: este parámetro contiene la fecha de finalización del rango.

Los siguientes ejemplos ilustran el método Intl.DateTimeFormat.prototype.formatRange() en JavaScript:
Ejemplo 1: 
 

const geeks1 = { weekday: 'long', year: 'numeric',
                 month: 'long', day: 'numeric' };
const geeks2 = { year: '2-digit', month: 'numeric',
                 day: 'numeric' };
 
const startDate = new Date(Date.UTC(1997, 5, 30, 3, 3, 3));
const endDate = new Date(Date.UTC(2073, 7, 6, 11, 0, 0));
 
const dateTime = new Intl.DateTimeFormat('en', geeks1);
console.log(dateTime.formatRange(startDate, endDate));
 
const dateTime1 = new Intl.DateTimeFormat('hi', geeks1);
console.log(dateTime1.formatRange(startDate, endDate));
 
const dateTime2 = new Intl.DateTimeFormat('en', geeks2);
console.log(dateTime2.formatRange(startDate, endDate));
 
const dateTime3 = new Intl.DateTimeFormat('hi', geeks2);
console.log(dateTime3.formatRange(startDate, endDate));

Producción: 
 

Ejemplo 2: 
 

let geek1 = new Date(Date.UTC(1997, 5, 30, 10, 0, 0));
let geek2 = new Date(Date.UTC(2020, 2, 26, 11, 0, 0));
let geek3 = new Date(Date.UTC(2073, 6, 23, 10, 0, 0));
 
let result1 = new Intl.DateTimeFormat("en", {
    year: '2-digit',
    month: 'numeric',
    day: 'numeric',
    hour: 'numeric',
    minute: 'numeric'
});
console.log(result1.format(geek1));
console.log(result1.formatRange(geek1, geek2));
console.log(result1.formatRange(geek1, geek3));
 
let result2 = new Intl.DateTimeFormat("hi", {
    year: 'numeric',
    month: 'short',
    day: 'numeric'
});
console.log(result2.format(geek1));
console.log(result2.formatRange(geek1, geek2));
console.log(result2.formatRange(geek1, geek3));

Producción: 
 

Navegadores compatibles: los navegadores compatibles con el método Intl.DateTimeFormat.prototype.formatRange() se enumeran a continuación: 
 

• Google Chrome 76 y superior
• Firefox 91 y superior
• Ópera 63 y superior
• Edge 79 y superior
• Safari 14.1 y superior