Question

我正在开发网页，其中我使用了文本字段并将其设置为时间类型。但它给我00:00 AM / PM格式。我希望00:00:00作为时间格式。

Answer 1

使用jquery timepicker

$(function(){ $('#example').timepicker(); });

检查此link

Answer 2

只需将step属性添加到元素即可。 注意：如果您需要跨浏览器支持，您可能希望实施自己的time类型。 input<type=time>在Safari中不起作用。

＆＃13;

<input type="time" step="1">

＆＃13;

如果你需要自己的实现，这里就是。不需要第三方库。要访问该值，只需获取timepicker div的值使用document.getElementById("timepicker").getAttribute("data-value");

＆＃13;

function updateTime()
{
    function getFormattedValue(value)
    {
        return value>9?value:"0"+value;
    }
    
    var hour = document.getElementById("hour").value,
        minute = document.getElementById("minute").value || 0,
        second = document.getElementById("second").value || 0;
    var time = getFormattedValue(hour)+":"+getFormattedValue(minute)+":"+getFormattedValue(second);
    var timeelem = document.getElementById("timepicker");
    timeelem.setAttribute("data-value", time);
    console.log(time);
    console.log(timeelem.getAttribute("data-value"));
}

＆＃13;

<div id="timepicker" data-value="">
<input id="hour" type="number" max="23" min="0" onchange="updateTime()">
<input id="minute" type="number" max="59" min="0" onchange="updateTime()">
<input id="second" type="number" max="59" min="0" onchange="updateTime()">
</div>

＆＃13;

HTML中只需要00:00:00时间格式

2 个答案: