Question

我试图在Tizen操作系统中在移动设备上创建自己的应用。由于它具有报警功能，我需要从用户那里获得时间。所以，我把这段代码放在HTML中：

HTML 第二页的一部分

   <div data-role="content">
        <p> room name : <div class = "roomNameOutput"></div></p>
        <p> your name  : <div class = "userNameOutput"></div></p>
        <p> zombie num : <input type = "number" id = "zombieNumInput"></input></p>
        <p> zombie time : <input type = "time" id = "zombieTimeInput"></input></p>
        <p> finish time : <input type = "time" id = "finishTimeInput"></input></p>
    </div>
    <div data-role="footer" data-position="fixed">
        <a href="#host_page1" data-role="button" id = "hostRefreshButton">Refresh</a>
        <a href="#join_page2" data-role="button" id = "hostStartButton">Start Game</a>
    </div>

HTML 第3页的一部分

  <div data-role="content">
    <h1>start game!</h1>
    <p> room name : <div class = "roomNameOutput"></div></p>
    <p> user name  : <div class = "userNameOutput"></div></p>
    <p> zombie num  : <div class = "zombieNumOutput"></div></p>
    <p> zombie time  : <div class = "zombieTimeOutput">zombieTimeOutput Default Text</div></p>
        <p> finish time : <div class = "finishTimeOutput"></div></p>
 </div>

JS

$("#hostStartButton").click(function(){
    zombieNum = $("#zombieNumInput").val();
    zombieTime= $("#zombieTimeInput").val();
    finishTime= $("#finishTimeInput").val();
    $(".zombieNumOutput").text(zombieNum);
    $(".zombieTimeOutput").html(zombieTime);
    $(".finishTimeOutput").text(finishTime);
    console.log("ZT==" + zombieTime);
    console.log($("#finishTimeInput").val());
});

zombieNum 效果很好。我可以输入并显示它，但 zombieTime 不会。

zombieNumOutput ， zombieNum 在 zombieTimeOutput 上显示良好， zombieTime 不会显示。和[zombieTimeOutput默认文本] dissapear。

<p> zombie num : <div class = "zombieNumOutput"></div></p> <p> zombie time : <div class = "zombieTimeOutput">zombieTimeOutput Default Text</div></p>

此外，只有＆＃34; ZT ==＆＃34;和＆＃34;＆＃34;出现在控制台上

console.log("ZT==" + zombieTime); console.log($("#finishTimeInput").val());

Answer 1

您的代码有三个问题：

$("#hostStartButton")应为$("#hostButton")。
在</INPUT>

<input type="time" id="zombieTimeInput">

当我注释掉该行时，将{zombieTimeOutput定义为my JSFiddle。请注意，您将此定位为一个类，而不是与其他元素一样的ID。

Answer 2

请尝试以下示例

<强> HTML

<p>input time you want : <input type="time" id = "zombieTimeInput"/>
     </p><p><a id="hostButton">host</a></p>
<p id="zombieTimeOutput">Output</p>

<强> JS

$("#hostButton").click(function(){

    zombieTime= $("#zombieTimeInput").val();
    $("#zombieTimeOutput").html(zombieTime);
    console.log("ZT == " + zombieTime);
});

JSfiddle

我已插入新的<p id="zombieTimeOutput">Output</p> 和用户.html属性来显示它。您可以使用任何其他控件而不是它。

Answer 3

如果其他人在输入时间方面遇到麻烦：当测试时间和分钟必须填写时，坚持几个小时。否则，对于POST值以及JS，该值为null。

jquery：如何使用<input type =“time”/>的值

3 个答案: