JSFiddle - React, Tailwind, and code Playground

by Anton Smirnov

HTML

<input type="text" id="date_start">
<input type="text" name="helping" id="helping" value='111'>
<select name="year_s" id="year_s" onchange="ChangeYear()">
<option value="2015" selected="selected">2015</option>
    <option value="2016">2016</option>
    <option value="2017">2017</option>
    <option value="2018">2018</option>
    <option value="2019">2019</option>
</select>

JavaScript

var d = new Date();
var startDate = new Date(d.getFullYear(),d.getMonth(),1);
$(document).ready(function() {
$( "#date_start" ).datepicker({
				    weekHeader: 'Не',
				    dateFormat: 'dd.mm.yy',
				    firstDay: 1,
				    isRTL: false,
				    showMonthAfterYear: false,
				    yearSuffix: '',
				    changeMonth: true,
				    changeYear: true,
				 }).
            	 datepicker('setDate', startDate);
});



function ChangeYear() {
		var x =  $('select[name="year_s"]').val() + ':' + $('select[name="year_s"]').val()	;  
$('input[name="helping"]').val(x);
$("#date_start").datepicker( "option", "yearRange", x );
$("#date_start").datepicker( "setDate",  '01.01.' + $('select[name="year_s"]').val());
$("#date_start").datepicker( "refresh" );
}