DatePicker 组件选完日期后值没更新到 input 里怎么办?

轩辕静薇 阅读 9

我用原生 HTML 写了个 DatePicker,但点选日期后 input 框里的值没变,控制台也没报错,不知道是哪里漏了?

我已经绑定了 onchange 事件,但好像根本没触发。试过手动 focus 也不行,是不是得用 JavaScript 主动赋值?

<input type="date" id="myDate" onchange="console.log(this.value)" />
<script>
  // 点选日期后 console 没输出,input 值看起来也没变(虽然实际可能变了?)
</script>
我来解答 赞 5 收藏
二维码
手机扫码查看
1 条解答
❤红娟
❤红娟 Lv1
检查下浏览器支不支持 type="date",不支持的话会回退成 text 输入框,onchange 行为就不对。改成用 oninput 事件试试,或者直接 console.log(this.value) 写在别的事件里看能不能拿到值。
点赞
2026-03-14 13:00