Question

使用jquery mobile 1.3我可以使用带有此功能的localSotorage从一些输入字段中收集和显示值：

    <script type="text/javascript">
    function datosCliente (info) {
        localStorage.setItem(info.name,info.value);
    }
</script>

以下是调用函数的一个输入字段的示例：

<label for="basic">Nombre:</label>
        <input type="text" name="nombre" id="basic" data-mini="true" onkeyup="datosCliente(nombre)"/>

我希望在输入类型日期做同样的事情：

<label for="fecha">Fecha</label>
        <input name="fecha" id="fecha" type="date" data-role="datebox" data-options='{"mode":"calbox", "useNewStyle":true}' onkeyup="datosCliente(fecha)" />

使用以下方式显示值：

<p><span>Fecha: </span><script>document.write(localStorage.getItem("fecha"));</script></p>

但是当我想显示这个字段的值时，我得到的所有东西都是null。是因为我使用jQueryMobile - DateBox插件来选择日期吗？或者我必须尝试一种不同的方法来从这种类型的输入中收集价值？

Answer 1

使用onchange而不是onkeyup是个好主意，特别是因为浏览器UI不会触发按键。

Answer 2

不确定这是否是一个答案，但您可以尝试将nombre和fecha更改为this。我可以添加，而不是使用document.write，你可以使用console.log，这样你可以判断它是一个对象而不是一个字符串，等等。这可能已经在评论部分，但我似乎还没有特权去做那件事。祝你好运。

在localStorage中存储日期

2 个答案: