jQuery 日期选择器无法使用 .val() 方法读取值

Question

我已经阅读了几篇关于如何从日期选择器字段中获取值的 Whosebug 帖子。我发现有两种方法可以做到这一点：

 var method1 = $('#dateInput').datepicker('getDate'); 
 var method2 = $('#dateInput').val();

但是，方法 2 给了我一个空字符串。为什么？我知道 .val() 是一种获取元素值的方法。

演示：https://jsfiddle.net/Issaki1/wun8Lomg/1/

Answer 1

像下面这样更改您的方法 2 代码，因为在您的 HTML dateInput as id 中指的是 div 而不是实际的输入文本。因此，您可以像下面这样定位输入文本：

var method2 = $('[name="dateInput"]').val();

或者

var method = $('#dateInput input').val();

Answer 2

这可以使用下面的行来完成

var method2 = $('#dateInput input').val();

我怀疑的原因是 <div> 有 id="dateInput" 并且文本框有相同的 id="dateInput"。 因此，如果我们指定要考虑的对象，那么它就被解决了。