Question

我需要创建一个仅显示年份选项的过滤器表单。输入可以是年份的下拉列表列表，也可以是仅显示年份选项的 datepicker 。

你知道怎么创造吗？请告诉我，我是初学者，我试图找到解决方案，但没有找到任何解决方案。

谢谢，我感谢任何帮助。

Answer 1

感谢@Reystleen在评论中给出答案！

答案：https://itsolutionstuff.com/post/bootstrap-year-picker-example-using-datepicker-jsexample.html

CODE：

<html lang="en">
<head>


    <title>Bootstrap - year picker only example</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css" rel="stylesheet">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>


</head>
<body>


<div class="container text-center">


     <h2>Bootstrap - year picker only example</h2>
     <input class="date-own form-control" style="width: 300px;" type="text">


  <script type="text/javascript">
      $('.date-own').datepicker({
         minViewMode: 2,
         format: 'yyyy'
       });
  </script>


</div>


</body>
</html>

Answer 2

这样的事情：

<select name="birthyear">
    <option value="2018">2018</option>
    <option value="2017">2017</option>
    <option value="2016">2016</option>
    <option value="2015">2015</option>
    <option value="2014">2014</option>
    <option value="2013">2013</option>
    <option value="2012">2012</option>
    <option value="2011">2011</option>
    <option value="2010">2010</option>
etc.
   </select>

如何创建仅包含字段选项YEAR的表单？

2 个答案: