javascript - <input type ="datetime-local"> 如何以15mns间隔显示分钟

Question

我正在构建某种预订应用程序，我想向用户显示一个日期时间选择器输入，并且只能每刻钟预订一次。

例子:

• 12:00
• 12:15
• 12:30
• 12:45

我找不到用简单的 HTML 来完成它的方法。我需要一些指导。

我尝试使用“step”，但显然似乎只在单击时增加值。这不是我想要的。 我的目标是仅显示季度值

Answer 1

let roundTime = (time, minutesToRound) => {

    let [hours, minutes] = time.split('.');
    hours = parseInt(hours);
    minutes = parseInt(minutes);

    // Convert hours and minutes to time in minutes
    time = (hours * 60) + minutes; 

    let rounded = Math.round(time / minutesToRound) * minutesToRound;
    let rHr = ''+Math.floor(rounded / 60)
    let rMin = ''+ rounded % 60

    //return rHr.padStart(2, '0')+'.'+rMin.padStart(2, '0')
    return rHr+'.'+rMin.padStart(2, '0')
}

用法:roundTime(String(m),15);