how to restrict future month using javascript

Question

I\'m using two dropdown(month, year). I\'ve to restrict future month based on year. suppose if I choose \'2014\', it should show the months till January.I don\'t have any clue h

Answer 1

try this way

 $('#year').on('change',function() {
    var currMon= (new Date).getMonth();
    var currYear = (new Date).getFullYear();

    if(currYear === $('#year :selected').text()){
       $('#month option:eq('+currMon+')').prop('selected', true);
       $('#month').prop('disabled',true); 
    }  
    else{
       $('#month').prop('disabled',false); 
    }   
 });

Note: the value of the month select should be 0 to 11 representing jan to dec

Happy Coding :)

Answer 2

$('#year').on('change',function() {

var option=["Jan","Feb","Mar","Apr","May","June","July","Aug","Sep","Oct","Nov","Dec"];

var currMon= (new Date).getMonth();

var currYear = (new Date).getFullYear();

$('#month').html('');

if(currYear == $('#year :selected').text()&& currMon==0){

    for(i=0; i<=currMon; i++)
      {
        $('#month').append($("<option />").val(option[i]).text(option[i]));
      }
}else 
    {
    for(i=0; i<=11; i++)
  {
    $('#month').append($("<option />").val(option[i]).text(option[i]));
  }
    }

});