如何限制24格式时间的用户输入到输入字段？

限制24格式时间的用户输入到输入字段，可以使用前端开发技术实现。以下是一个使用HTML和JavaScript的示例代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"><title>限制24格式时间的用户输入</title><script>
function checkTime(input) {
  var pattern = /^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$/;
  if (pattern.test(input.value)) {
    input.setCustomValidity('');
  } else {
    input.setCustomValidity('请输入正确的24小时制时间格式（如：23:59）');
  }
}
</script>
</head>
<body>
<form>
 <label for="time">请输入24小时制时间：</label>
 <input type="text" id="time" name="time" pattern="^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$" oninput="checkTime(this)" required>
 <input type="submit" value="提交">
</form>
</body>
</html>

在这个示例中，我们使用了HTML5的pattern属性来限制输入的格式，并使用JavaScript实现了实时验证。当用户输入不符合24小时制时间格式时，会提示错误信息。

此外，也可以使用JavaScript库或框架来实现更复杂的验证和提示。例如，可以使用jQuery、Bootstrap等技术来实现更美观的界面和更丰富的交互效果。

使用注解的时间验证

、

我想在文本框中输入日期时间作为字符串。实际上有两个输入字段从time 00:00到time 23:59 如何使用注释来验证asp.net mvc视图模型中的用户输入，从而将00:00作为最小值而23:59作为最大值限制用户输入？

浏览 2提问于2014-05-22得票数 1

4回答

如何限制用户在输入栏中输入24格式时间？

、、、、

我有一个输入字段与时间在HH:MM.。我需要管理用户只能输入正确的时间，以防止他们输入错误的时间。([01]?[0-9]|2[0-3]):[0-5][0-9]但是我不知道怎么做我想做的事。非常感谢。

浏览 3提问于2012-08-04得票数 6

回答已采纳

4回答

C# Regex，格式化时间

、、、

我正在制作一个时间限制程序，用户在其中输入开始时间、结束时间和项目名称。他们可以点击“添加”，并将输入的详细信息添加到列表框中。我不允许添加数据，除非开始时间和结束时间是这样格式化的：08:14am它变得很烦人，每次都必须这样输入它，所以我决定通过regexes自动格式化它。因此，如果您输入8:14，它将将其更改为08:14am

浏览 4提问于2010-11-03得票数 0

回答已采纳

1回答

我想在Unity3D安卓应用程序中格式化输入字段

、、、

我面临一些麻烦，我制作了一个简单的应用程序，用户需要在输入字段中输入一段时间。时间必须是一个HH:mm格式，我已经知道如何限制字符，但我现在想知道是否可能是输入字段设置冒号本身。这样用户就可以在小时内输入，然后出现冒号，然后输入分钟。这个是可能的吗？我怎么能把它设成这样。事先表示感谢和友好问候

浏览 0提问于2019-01-21得票数 0

回答已采纳

3回答

从mysql数据库中获取介于普通日期和时间戳之间的值

、

我有一个标准的mysql时间戳，格式为2011-11-14 20:06:24。每当向表中添加名称为lead的新记录时，都会添加此时间戳。我有两个输入字段供用户输入dd/mm/yyyy格式的from date和to date。一旦用户输入两个日期并按下按钮，这些值将被传递到其他字段，以从插入在

浏览 2提问于2011-11-15得票数 3

回答已采纳

1回答

有办法使html时间输入默认为12小时时钟吗？

、、、

我有以下标记：在某些情况下，它显示24我怎样才能让它一直显示12小时的时钟？

浏览 1提问于2018-02-14得票数 0

5回答

如何限制用户为时间字段输入错误的格式

、、、、

我已经在堆栈溢出上搜索了这个问题，但是没有找到帮助我或者根本不理解它们的东西。我想要的是一种确认用户已以以下格式hh:mm-hh:mm输入时间的方法。例子：13:30-14:30.我不介意格式是12小时或24小时。此外，还需要限制时间，即分钟不应超过59分钟，时间不应超过23小时。我见过使用regex的解决方案，也见过正式文档，但我发现很难理解。因此，如果有人使用

浏览 3提问于2021-09-08得票数 0

回答已采纳

1回答

时间输入标签的jQuery设置值

、、

我试图通过使用type=动态赋值来设置jQuery的html输入标记的值。).val(dataIn.time_start);在我的形式中，每个其他领域都有这样的工作，但由于某些原因，这个特定的领域根本不需要。“时间”类型的输入有什么特别之处吗？

浏览 1提问于2021-08-10得票数 0

回答已采纳

1回答

接受负值时间的PXDBTimeSpanLongAttribute

我们有一些需要在Acumatica中有一个时间域(PXDBInt作为总分钟)来向用户显示值，并允许用户输入一个负值。PXDBTimeSpanLong属性的标准格式不允许输入或正确显示负值(db值或未绑定公式值已经为负值)。输入大于24小时的值没有字段限制，即使ShortHoursMinutesCompact格式的目的是24小时<

浏览 0提问于2018-04-03得票数 0

回答已采纳

1回答

拉威尔集体约束时间形成：：时间-碳

、、、、

我尝试使用3种不同的样式进行绑定，但没有一种能像预期的那样工作：//using h:i:s A ---> Nothing shown第一种方法如下所示：

浏览 2提问于2018-03-02得票数 0

回答已采纳

1回答

输入类型时间24小时格式

、、

太多的老问题已经在堆栈溢出，但现在我想知道任何新的方法来解决这个问题！<input type="time">我们如何将这个12小时转换为24小时的格式？

浏览 0提问于2018-09-07得票数 4

2回答

MS 2003:用户能够输入无效的值；如何输入？

我有一个奇怪的现象，我无法解释，也不能再现，我希望您知道用户如何能够输入无效的值。绑定到日期/时间数据库值的datatype)Format：(因为access不知道只有时间的

浏览 2提问于2011-04-28得票数 1

1回答

HTML时间输入总是将AM设置为默认值

、、、、

这是我的刀片文件，我正在设置时间输入字段的开始和结束时间值，但它总是以am设置值，但我的值是PM格式。

浏览 9提问于2022-09-13得票数 0

1回答

如何在Symfony2表单上以12小时制输入时间？

、

我正在尝试创建一个Symfony2表单，需要在其中输入事件开始的日期和时间，该日期和时间将保存为DateTime格式的属性。目前，时间是使用24小时格式的下拉框输入的。我正在试着把它改成12小时的格式。根据的说法，Symfony TimeType不支持12小时格式。解决这个问题的一种方法是使用

浏览 0提问于2016-08-17得票数 1

1回答

html类型时间的最小值不起作用

、、、、

我试图在Html输入时间类型中给出最小值。但这并不影响结果。我也尝试了moment，但结果没有改变。在不使用任何外部库的情况下，如何在Html中做到这一点？PS:我使用的是react js。此输入类型位于jsx内部 <input defaultValue={props.min} min=

浏览 20提问于2021-01-08得票数 0

1回答

访问自定义日期/时间格式和输入掩码错误

、、、、

我有一个数据库，我需要存储大量的时间，并根据时间进行计算，然而，时间可以跨越不同的日子，所以仅仅使用一种时间格式无法计算出两者之间的正确差异。为了方便使用，我想限制他们必须输入的日期的多少，因为有很多次，我不想每次输入完整的日期。我创建了以下自定义格式: 16-Jan 15:00 (d-mmm h:nn) 我还创建了一个自定义<

浏览 3提问于2016-01-17得票数 1

2回答