Как создать выборку из года в год в html-форме?

Я хочу, чтобы пользователь вводил данные от этого года до того, а затем мне нужно передать список лет в django? Но перед этим как создать такой ввод, я нашел что-то подобное, но это не работает, что мне нужно. Есть идеи?

<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>

Вы можете прослушать событие change и использовать Array.from для заполнения массива из определенного диапазона:

Start: <select name="yearpicker" id="yearpicker"></select>
<br/>
End: <select name="yearpicker2" id="yearpicker2"></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, #yearpicker2').append($('<option />').val(i).html(i));
}

$('select').on('change', function(){
  let arr = Array.from({length:$('#yearpicker2').val() - +$('#yearpicker').val()},(v,k)=>k + +$('#yearpicker').val())
  console.log(arr);
})
</script>

Вернуться на верх