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:
javascript
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:
javascript
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
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA