为用户输入返回小时和分钟_返回用户已记录的小时和分钟的Bash脚本_HTML输入"time“，当输入小时时，默认分钟数为"00”。 - 腾讯云开发者社区

为用户输入返回小时和分钟

基础概念

用户输入返回小时和分钟通常涉及到时间处理和格式化。在前端和后端开发中，处理时间是一个常见的需求。这可能涉及到从用户输入中解析时间，或者将时间格式化为小时和分钟的显示格式。

类型

时间解析：将用户输入的时间字符串解析为小时和分钟。
时间格式化：将时间对象格式化为小时和分钟的字符串。

应用场景

表单输入：用户输入时间信息，系统解析并显示。
日志记录：记录操作时间，格式化为小时和分钟。
时间显示：在界面上显示当前时间或特定时间。

遇到的问题及解决方法

问题1：用户输入的时间格式不正确

原因：用户可能输入了不符合预期格式的时间字符串。

解决方法：

function parseTime(input) {
    const regex = /^(\d{1,2}):(\d{2})$/;
    const match = input.match(regex);
    if (match) {
        const hours = parseInt(match[1], 10);
        const minutes = parseInt(match[2], 10);
        if (hours >= 0 && hours < 24 && minutes >= 0 && minutes < 60) {
            return { hours, minutes };
        }
    }
    throw new Error("Invalid time format");
}

try {
    const time = parseTime("23:45");
    console.log(time); // { hours: 23, minutes: 45 }
} catch (error) {
    console.error(error.message);
}

问题2：时区问题

原因：用户输入的时间可能包含时区信息，需要转换为本地时间。

解决方法：

function parseTimeWithTimeZone(input, timeZone) {
    const date = new Date(input);
    const options = { timeZone: timeZone, hour12: false };
    const localTime = date.toLocaleString('en-US', options);
    const [hours, minutes] = localTime.split(':').map(Number);
    return { hours, minutes };
}

const time = parseTimeWithTimeZone("2023-10-05T23:45:00Z", 'Asia/Shanghai');
console.log(time); // { hours: 7, minutes: 45 }

问题3：用户输入为空或无效

原因：用户可能没有输入任何内容，或者输入了无效的内容。

解决方法：

function parseTime(input) {
    if (!input) {
        throw new Error("Input is empty");
    }
    const regex = /^(\d{1,2}):(\d{2})$/;
    const match = input.match(regex);
    if (match) {
        const hours = parseInt(match[1], 10);
        const minutes = parseInt(match[2], 10);
        if (hours >= 0 && hours < 24 && minutes >= 0 && minutes < 60) {
            return { hours, minutes };
        }
    }
    throw new Error("Invalid time format");
}

try {
    const time = parseTime("");
} catch (error) {
    console.error(error.message); // Input is empty
}