Quiero que el usuario ingrese de este año a ese y luego necesito reenviar la lista de años a django. Pero antes de esto, cómo crear ese tipo de entrada, encontré algo como esto, pero no está funcionando lo que necesito. ¿Algunas ideas?
<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>Puede escuchar el evento de change y usar Array.from para completar una matriz desde un cierto rango:
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>