Как создать форму, состоящую только из поля ГОД?

Мне нужно создать форму фильтра, которая показывает только вариант года. Входными данными могут быть выпадающий список года или указатель даты, в котором отображается только год.

Вы знаете, как его создать? пожалуйста, дайте мне знать, я новичок, я пытался найти решение, но не нашел.

Спасибо, я ценю любую помощь.

Источник

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>
Источник

Спасибо @Reystleen за ответ в комментарии!

ОТВЕТ: https://itsolutionstuff.com/post/bootstrap-year-picker-example-using-datepicker-jsexample.html

КОД:

<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>
Источник
Другие вопросы по тегам