moment.js是一个流行的JavaScript日期处理库,它简化了日期解析、验证、操作和格式化操作。将用户输入转换为特定时间格式是Web开发中常见的需求。
// 获取输入元素的值
const userInput = document.getElementById('timeInput').value;
// 使用jQuery获取输入元素的值
const userInput = $('#timeInput').val();
// 引入moment.js后
const formattedTime = moment(userInput, 'HH:mm').format('HH:mm');
<input type="text" id="timeInput" placeholder="输入时间(如 14:30)">
<button id="convertBtn">转换格式</button>
<div id="result"></div>
document.getElementById('convertBtn').addEventListener('click', function() {
const userInput = document.getElementById('timeInput').value;
// 使用moment.js解析并格式化
const formattedTime = moment(userInput, 'HH:mm').format('HH:mm');
// 显示结果
document.getElementById('result').textContent = `格式化时间: ${formattedTime}`;
});
$(document).ready(function() {
$('#convertBtn').click(function() {
const userInput = $('#timeInput').val();
// 使用moment.js解析并格式化
const formattedTime = moment(userInput, 'HH:mm').format('HH:mm');
// 显示结果
$('#result').text(`格式化时间: ${formattedTime}`);
});
});
moment.js可以处理多种时间格式:
// 处理带AM/PM的输入
moment('2:30 PM', 'h:mm A').format('HH:mm'); // 输出: 14:30
// 处理24小时制输入
moment('14:30', 'HH:mm').format('HH:mm'); // 输出: 14:30
// 处理不带前导零的时间
moment('2:30', 'H:mm').format('HH:mm'); // 输出: 02:30
const userInput = $('#timeInput').val();
const time = moment(userInput, 'HH:mm', true); // 严格模式
if (!time.isValid()) {
alert('请输入有效的时间格式(HH:mm)');
return;
}
const formattedTime = time.format('HH:mm');
没有搜到相关的文章