Modifier l'heure de date mindate et maxdate basé sur l'option de liste déroulante

Question

il y a 3 options dans ma liste déroulante si l'option 1er est sélectionné min date devrait être 2013 et la date maximale sera 2015 si l'option 2e est sélectionnée puis la date minimale devrait être 2009 et la date max 2014 sera si l'option 3 est sélectionnée, la date min sera 2005 et la date max sera 2008 ici est ma capture d'écran de l'application

par exemple. Si l'utilisateur sélectionne LKG, la date minimale sera 2013 et la date maximale sera 2015, ce qui permettra à l'utilisateur de sélectionner la date entre ces dates. j'ai essayé code quelque chose comme ça

function chk() 
{ 
    var sname = $('#app_for_class').find(":selected").text(); 
    if(sname==='LKG') 
    { 
     $('#date').datetimepicker({ 
     minDate:'2013-01-1', 
     maxDate:'2015-11-30', 

    }); 

    } 


} 

ici est le code html

<select class="form-control" onclick="chk()" style="margin-left: 5px" name="app_for_class" id="app_for_class"> 
      <option name="app_for_class" value="LKG">LKG</option> 
      <option name="app_for_class" value="UKG">UKG</option> 
      <option name="app_for_class" value="1st">1st Standard</option> 


</select> 

<input class="form-control" type="date" required="true" id="date" name="date" style="margin-left: 20px;width: 210px"> 

Answer 1

J'ai modifié votre fonction jQuery un BIT-

function chk(){ 
    var sname = $('#app_for_class').find(":selected").text(); 
    if(sname=='LKG'){ 
     $('#date').datetimepicker({ 
      minDate: new Date(2013, 1 - 1, 1), 
      maxDate: new Date(2015, 11 - 1, 30) 
     }); 
    } 
} 

Ensuite, vous devez capturer l'événement de onChange() votre liste déroulante et appelez la chk() fonction-

$("#app_for_class").change(function() { 
    chk(); 
}); 

Et votre code HTML ne doit pas contenir onClick -

<select class="form-control" style="margin-left: 5px" name="app_for_class" id="app_for_class">