You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

SpringBoot+Webpack环境下jQuery获取元素值返回undefined问题

解决jQuery获取日期选择器值返回undefined的问题
  • 问题根源:你用$('#mydatepicker').value取值是错误的——jQuery封装后的对象没有.value属性,这是原生DOM元素的专属属性。jQuery提供了.val()方法来获取表单元素的取值。
  • 正确写法:
    // 替换原错误写法
    const selectedDate = $('#mydatepicker').val();
    
  • 额外技巧:如果是jQuery UI Datepicker,还可以用官方方法直接获取Date类型的对象,方便后续处理:
    // 获取Date对象
    const selectedDateObj = $('#mydatepicker').datepicker("getDate");
    // 格式化为指定字符串(比如yyyy-mm-dd)
    const formattedDate = $.datepicker.formatDate('yy-mm-dd', selectedDateObj);
    
  • 为什么原生JS能正常获取?因为document.getElementById("mydatepicker")返回的是原生DOM元素,它本身就自带.value属性,和jQuery包装后的对象是两种不同的类型,不能混着用属性/方法。

内容的提问来源于stack exchange,提问作者java_baba

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.11 04:25:35