此函数将时间转换为 12 小时格式,感谢 Stack Overflow 上此函数的贡献者:
JS
function ampm(date) {
var hours = date.getHours();
var minutes = date.getMinutes();
var ampm = hours >= 12 ? 'pm' : 'am';
hours = hours % 12;
hours = hours ? hours : 12; // 0 should be 12
minutes = minutes < 10 ? '0'+minutes : minutes; // if minutes less than 10, add a 0 in front of it ie: 6:6 -> 6:06
var strTime = hours + ':' + minutes + ' ' + ampm;
document.getElementById('time').value = strTime;
return strTime;
}
////This is how the value of the time input is supposed to be displayed in 12 hr format
_("display_time").innerHTML = ampm(new Date());
HTML
<!--This is the input field where a user selects a time-->
<input id="time" placeholder="Time" type="time" name="time" />
<!--This is where the value of the time input is supposed to be displayed in 12 hr format-->>
<span id="display_time"></span>
我的问题是如何获取以 12 小时格式显示在跨度标签上的时间输入字段的值。该代码是半工作的。
它以 12 小时格式显示时间,但仅显示当前时间。流程图类似于,用户选择时间输入 -> 一些 JS 转换为 12 小时格式 -> 在 span 标签中显示为 12 小时格式。有什么意见或建议吗?
您的输入值将是一个字符串,而不是日期。我已经设置了一个jsfiddle http://jsfiddle.net/shy4a5b3/我修改了你的 javascript 以处理字符串。
$('#time').on('change', function() {
var date = $('#time').val().split(':');
var hours = date[0];
var minutes = date[1];
$('#display_time').text(ampm(hours, minutes));
});
function ampm(hours, minutes) {
var ampm = hours >= 12 ? 'pm' : 'am';
hours = hours % 12 || 12;
minutes = minutes || 0;
minutes = minutes < 10 ? '0'+minutes : minutes;
return hours + ':' + minutes + ' ' + ampm;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)