Выберите опцию Удалить месяц из текущего года

Question

У меня есть 3 варианта ящиков с датой месяца и года. Если я выберу текущий год, я хочу, чтобы предыдущие месяцы были удалены из окна выбора месяца. Если я выберу следующий год или другие годы, он должен отображать все месяцы. Я проверил много способов, но не работал должным образом.

Как удалить все индексы или месяцы, срок действия которых истек в текущем году, и показать все месяцы, если я выберу другие годы.

<select name="date"> 
<option value="0">Day</option> 
<option value="2">1</option> 
<option value="3">1</option> 
<option value="4">1</option> 
.. 
<option value="31">31</option> 
</select> 

<select name="month"> 
<option value="0">Month</option> 
<option value="jan">January</option> 
<option value="feb">February</option> 
<option value="mar">March</option> 
.. 
<option value="dec">December</option> 
</select> 

<select name="year"> 
<option value="0">Year</option> 
<option value="2017">2017</option> 
<option value="2018">2018</option> 
... 
<option value="2030">2030</option> 
</select> 

Моя логика теперь такая.

$(".year").on('change', function() { 
    //get the current year 
    if selected year is current year -> I got this right 
    then remove expired months -> This is not working right 
    if selected year is others -> Selected month should remain there 
    then show all the months 
}); 

Answer 1

Вы можете сделать что-то, как показано ниже:

<select name="month"> 
<option value="-1">Month</option> 
<option value="0">January</option> 
<option value="1">February</option> 
<option value="2">March</option> 
.. 
<option value="11">December</option> 
</select> 

$(".year").on('change', function() { 
    var currentDate = new Date(); 
    if($(this).val()== currentDate.getFullYear()){ 
     $("select [name=month] option:lt("+ currentDate.getMonth() +")").prop("disabled", true); 
    } 
    else{ 
     $("select [name=month] option").prop("disabled", false);  
    } 

}); 

Надеется, что это помогает !!