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

Question

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

例子：

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

我找不到用简单的 HTML 来实现的方法。我需要一些指导。

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

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);