html5输入类型日期datalist删除其他选项

时间:2017-11-20 05:19:52

标签: javascript html5 css3

我在datalist中设置input[type='date']

例如,

<input type="date" id="date" name="date" list="thesedates">

<datalist id="thesedates">

    <option label="Groundhog Day">2014-02-02</option>

    <option label="Valentine's Day">2014-02-14</option>

    <option label="Flag Day">2014-06-14</option>

</datalist>

问题

在此示例中,我看到了其他选项。我想删除它。

谢谢你的帮助!

1 个答案:

答案 0 :(得分:1)

我想你只想从给定的列表中选择日期。你为什么不使用选择元素?

<form action="index.php">
  <select name="date">
      <option value="2014-02-02">Groundhog Day</option>
      <option value="2014-02-14">Valentine's Day</option>
      <option value="2014-06-14">Flag Day</option>
  </select>
  <input type="submit">
</form>