Javascriptの日付オブジェクトで日付をフォーマットし、それらの間の間隔を設定する方法は？
スケジューリングアプリケーションを作成しています。要件は、ユーザーが2つの時間枠を入力し、アプリケーションがそれを20の間隔に分割し、その間に10分の休憩を入れることです。たとえば、15：15-17：15と入力すると、['15：15'、 '15:35'、 '15:45'、 '16:55']のようなスロットが表示されます。
私が直面しているエラー：私が使用しているアプローチは、間隔を設定するために正常に機能しますが、間に10分の休憩を与えることができません。私の出力は["15:15"、 "15:35"、 "15:55"、 "16:15"、 "16:35"、 "16:55"、 "17:15"]を与えます。さらに、終了時刻を17:05と入力すると、結果は17:15として最終カウントになります。
最後に、上記の2つの問題が解決された場合、結果が次のようになるように配列をフォーマットする方法を誰かに教えてもらえれば幸いです。['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')
}
回答
これでうまくいくはずです：
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))dateToStringDateオブジェクトをhh：mm形式に変換し、必要に応じて分コンポーネントにゼロを埋め込みます。間隔を取得するには、intervalLengthとbreakLengthの時間長を交互に切り替えて、生成された各間隔を配列にプッシュします。次に、間隔を返します。
OPのコードは、時間を正しく分割していないか、期間間の間隔を考慮していないようです。
2つの日付の間の時間は、n-1の10分の休憩を挟んでnの期間に分割する必要があります。ある日付を別の日付から引くと、ミリ秒単位の時差が得られます。次に、それを必要な期間と間隔に分割する必要があります。
/**
* @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));これは許可された時間を完全に満たすことに注意してください。最後に間隔はありません。また、時間は分単位に切り捨てられるため、分数がまったく同じでないか、等しくないように見える場合があります。