HTML5 输入类型只显示年份

Question

也许这个问题已经问过了，但这并不能解决我的问题。

这是我在输入框中的查询，我只想显示这样的年份

提前致谢

注意：已经问过这个问题，但它没有解决我的问题

Answer 1

如何解决仅输入年份<input date="year">

您可以使用此代码段。

PHP版本：

  <select class="form-control" name="startyear">
   <?php
   for ($year = (int)date('Y'); 1900 <= $year; $year--): ?>
     <option value="<?=$year;?>"><?=$year;?></option>
   <?php endfor; ?>
  </select>

JavaScript 版本：

    <select name="yearpicker" id="yearpicker"></select>

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script type="text/javascript">
    let startYear = 1800;
    let endYear = new Date().getFullYear();
    for (i = endYear; i > startYear; i--)
    {
      $('#yearpicker').append($('<option />').val(i).html(i));
    }
    </script>

Answer 2

请尝试仅选择并显示年份。 指南在这里

Answer 3

为了效率，我想对 Rhalp 的答案做一个小的更正。 不要初始化对象 219 次。 一般来说，如果您在循环之前获得成员，那么浏览器引擎上的工作就会少得多。

 <select name="yearpicker" id="yearpicker"></select> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script> <script type="text/javascript"> let startYear = 1800; let endYear = new Date().getFullYear(); for (i = endYear; i > startYear; i--) { $('#yearpicker').append($('<option />').val(i).html(i)); } </script>