javascript - 在没有 datepicker 的情况下获取 html 中日期标记的值

Question

我正在使用英特尔的应用程序框架，所以没有 .datepicker 方法。这是在我的应用程序中制作日期小部件的代码：

<label for="startdate">Start Date:</label>
<input type="date" name="startdate" id="startdate" value="2014-02-05" class="jq-ui-forms">

我将如何仅使用纯 javascript 获得选定的值？

Answer 1

date您将所选值作为元素属性中的字符串和属性中的Date对象获取valueAsDate。请参阅inputHTML5 CR 中的描述。

您使用哪一个取决于您要使用它做什么。在客户端脚本中，您可能想要使用该Date对象。但是，由于对 to 的支持type="date"是有限的，您可能需要准备好处理它回落到的实现type="text"，然后您就value可以使用它，并且需要将其解析为一个Date值。

Answer 2

您可以使用element.value

所以，像：

document.getElementById('startdate').onchange = function () { 
    console.log(this.value) 
}

小提琴

Answer 3

我不熟悉英特尔的应用程序框架，但是怎么样

var date = document.getElementById('startdate').value;