HTML5中的日期属性问题

时间:2016-10-14 20:36:28

标签: html html5

我有我为实习而建的代码。我试图在我的代码中使用" date"输入类型来添加弹出日历,但它不起作用。我看过很多网站,但我还没有找到有这个问题的人。关于如何使这项工作的任何想法?这是我的代码:

<body>
  <h1> Time Logging Form</h1>
  <form method="post" id='datetime'>
    <div class="form-row" id='datacell'>
      <div class="editor-cell">
        <input type="date" id="date">
      </div>
      <div class="editor-cell">
        <input placeholder="Time in 00:00" type="text" id="timein">
      </div>
      <div class="editor-cell">
        <input placeholder="Time out 00:00" type="text" id="timeout">
      </div>
    </div>
    <input type="submit" value="+" id='plus'>
    <input type="submit" value="submit" id='submit'>
  </form>
</body>

1 个答案:

答案 0 :(得分:1)

您想要对数据属性做什么?在浏览器中运行此html代码时,将显示日历:

https://jsfiddle.net/6w5b5r5h/

<body>
  <h1> Time Logging Form</h1>
  <form method="post" id='datetime'>
    ...
  </form>
</body>