如何使用jQuery为time类型input元素设置初始时间字符串

错误写法的原因 #

• $('#Time1')获取到的是jQuery封装的对象，不是原生DOM节点：
  1. jQuery对象没有原生的value属性，所以$('#Time1').value = '3:22'无效
  2. jQuery提供的val是方法而非可直接赋值的属性，所以$('#Time1').val = '3:22'属于用法错误

可直接生效的两种写法 #

写法1：jQuery方式（推荐） #

调用val()方法，将时间字符串作为参数传入即可：

$('#Time1').val('12:22');

写法2：原生DOM方式 #

先获取原生DOM节点，再给value属性赋值：

// 纯原生获取节点
document.getElementById('Time1').value = '12:22';
// 从jQuery对象中提取原生节点
$('#Time1')[0].value = '12:22';

注：只要传入的是符合HH:mm格式的合法时间字符串，上述写法即可直接完成赋值和渲染，你提到的补零逻辑自行处理后不影响赋值操作的执行。

内容的提问来源于stack exchange，提问作者ΩmegaMan