使用 javascript 或 jquery 自动填充当前时间答案

【问题标题】：Using javascript or jquery to auto populate the current time使用 javascript 或 jquery 自动填充当前时间
【发布时间】：2015-06-10 00:14:26
【问题描述】：

我正在尝试使用 javascript 和/或 jquery 在类型时间字段中自动填充时间；不是日期。它自动填充很好。但是，我试图让它自动填充当前时间而不是指定时间。（例如“17:40:11”）

如何从 javascript 或 jquery 获取当前时间并在输入时间字段中自动填充？

下面，粘贴的是我的代码和我使用 Javascript 时遇到的以下错误。

我尝试将 jquery 与 new Date($.now()); 一起使用，但我得到了类似的错误，但我的时间是一堆数字（例如 123435334）

感谢您的帮助。

HTML

<input type="time" value="" />

javascript

$(document).ready(function myTimer() {

    var now = new Date(Date.now());
    var f = now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds();           
    $("input[type=time]").val(f);

})

错误

jquery.js:7373：

指定的值“7:13:40”不符合要求的格式。格式为“HH:mm”、“HH:mm:ss”或“HH:mm:ss.SSS”，其中 HH 为 00-23， mm 为 00-59，ss 为 00-59，SSS 为 000-999。

【问题讨论】：

我相信您需要在时间的所有小时、分钟和秒部分使用前导零。
这个问题之前已经回答过了。请看【本文】【1】【1】：stackoverflow.com/questions/8398897/…
查看错误：“and SSS is 000-999.”但是如果你运行 new Date(Date.now()).getHours() + ":" + new Date(Date.now()).getMinutes() + ":" + new Date(Date.now())。 getSeconds();在控制台中，您会注意到秒的格式不同
你想要和这个jsbin.com/zadasunaru/1一样的影响
@Yuri ，这与您发布的链接不同。这与时间输入字段有关......不是日期......这是两个不同的问题。无论如何感谢您的帮助

标签： javascript jquery html javascript-events

【解决方案1】：

如果缺少则添加零...想法：

if(hours<10) hours = "0"+hours;

$(document).ready(function myTimer() {
    var now = new Date(Date.now());
    var f = leadZero(now.getHours()) + ":" + leadZero(now.getMinutes()) + ":" + leadZero(now.getSeconds());           
    $("input[type=time]").val(f);

})

function leadZero(_something) {    
    if(parseInt(_something)<10) return "0"+_something;
    return _something;//else    
}

【讨论】：

【解决方案2】：

您的问题是 getHours() 返回 12 小时格式。修复它的几种方法。您可以检查小时是否小于 10，然后添加前导“0”。但是，我宁愿给你这个链接：

http://blog.stevenlevithan.com/archives/date-time-format

您可以在这里了解更多关于在 javascript 中格式化日期的信息。

【讨论】：