¿Cómo formatear fechas en el objeto de fecha de Javascript y trabajar con la configuración de intervalos entre ellos?
Estoy haciendo una solicitud de programación. El requisito es que el usuario ingrese dos marcos de tiempo y la aplicación debe dividirlos en intervalos de 20 con un descanso de 10 minutos entre ellos. Por ejemplo, si ingreso 15: 15-17: 15, debería darme espacios como: ['15: 15 ', '15: 35', '15: 45 ', '16: 55'].
Errores a los que me enfrento: el enfoque que estoy usando funciona bien para establecer intervalos, pero no puede dar un descanso de 10 minutos entre ellos. Mi salida da ["15:15", "15:35", "15:55", "16:15", "16:35", "16:55", "17:15"]. Además, si ingreso la hora de finalización como 17:05, el resultado aún da el recuento final como 17:15.
Por último, si los dos problemas anteriores se resuelven, agradecería que alguien me dijera cómo formatearía la matriz de modo que pueda obtener el resultado como: ['15: 15-15: 35 ', '15: 45-16: 55 ']. TIA
let date1 = new Date(2020, 8, 20, 15, 15);
let date2 = new Date(2020, 8, 20, 17, 05);
let slots = []
if(date1 < date2){
console.log((date2.getHours()*60 - date1.getHours()*60)/20)
for(var i = 0; date1 < date2; i=20)
{
date1.setMinutes(date1.getMinutes()+i)
slots.push(date1.getHours() + ':' + date1.getMinutes());
}
console.log(slots)
}
else{
console.log('End time should be greater than start time')
}
Respuestas
Esto debería funcionar:
const dateToString = date => date.getHours() + ':' + (date.getMinutes() + '').padStart(2, '0')
const date1 = new Date(2020, 8, 20, 15, 15);
const date2 = new Date(2020, 8, 20, 17, 05);
function getIntervals(date1, date2) {
date1 = new Date(date1.getTime()) // so we don't mutate date1
const intervalLength = 20, breakLength = 10, intervals = []
let interval
while (date1 < date2) {
interval && intervals.push(interval)
interval = [intervalLength, breakLength].map(len => {
const str = dateToString(date1)
date1.setMinutes(date1.getMinutes() + len)
return str
}).join('-') // - separator
}
return intervals
}
console.log(getIntervals(date1, date2))
dateToString
convierte un objeto Date en un formato hh: mm, rellenando el componente de minutos con ceros si es necesario. Para obtener los intervalos, avanzamos alternando períodos de tiempo de intervalLength y breakLength y enviamos cada intervalo generado a nuestra matriz. Luego devolvemos el intervalo.
El código en el OP no parece dividir el tiempo correctamente o permitir los intervalos entre períodos.
El tiempo entre las dos fechas debe dividirse en n períodos con n-1 descansos de 10 minutos entre ellos. Restar una fecha de la otra dará la diferencia de tiempo en milisegundos, luego debe dividirse en los períodos e intervalos requeridos, por ejemplo
/**
* @param {Date} start - start date and time
* @param {Date} end - end date and time
* @param {number} periods - number of periods
* @param {number} interval - interval between periods in minutes
* @returns {Array} array of perids with interval gap between
* in format ['HH:mm - HH:mm', ...]
*/
function getSlots(start, end, periods, interval) {
// Function to format period timestamp
function f(d) {
return ('' + d.getHours()).padStart(2, '0') + ':' + ('' + d.getMinutes()).padStart(2, '0');
}
let slots = [];
let diff = end - start;
if (diff < 0) return 'End must be after start';
// Get length of interval in ms
let intLength = interval * 6e4;
// Get total length of intervals in ms
let intTotal = (periods - 1) * intLength;
// Get length of each period in ms
let periodLength = (diff - intTotal) / periods;
// Generate periods
for (let e, s = new Date(start), i = periods; i > 0; i--) {
// Copy start to get end and add length of period
e = new Date(+s + periodLength);
// Write period to slots array
slots.push(f(s) + '-' + f(e));
// Increment s to start of next period
s.setMilliseconds(s.getMilliseconds() + periodLength + intLength);
}
return slots;
}
let date1 = new Date(2020, 8, 20, 15, 15);
let date2 = new Date(2020, 8, 20, 17, 5);
console.log(getSlots(date1, date2, 2, 10));
Tenga en cuenta que esto llena completamente el tiempo permitido, no hay intervalo al final. Además, los tiempos se truncan a minutos completos, por lo que puede parecer que no tienen exactamente el mismo número de minutos o que no son iguales.