Выбор даты закрывать автоматически после выбора даты не работает

Question

Я разработал тип-форму, где я использую DatePicker но после выбора даты, DatePicker авто не работает

$('.datepicker').pickadate({ 
 
    selectMonths: true, // Creates a dropdown to control month 
 
    selectYears: 15 // Creates a dropdown of 15 years to control year 
 
    }); 
 

 
$('select').material_select();

.form-control { 
 
    display: block; 
 
    width: 100%; 
 
    height: 42px; 
 
    padding: .5714285714285714rem; 
 
    font-size: 14px; 
 
    line-height: 1.42857; 
 
    color: #464646; 
 
    background-color: #fff; 
 
    background-image: none; 
 
    border: 1px solid #ccc; 
 
    -webkit-border-radius: 0; 
 
    border-radius: 0; 
 
    outline: none; 
 
    -webkit-transition: border-color 0.3s, box-shadow 0.3s; 
 
    -o-transition: border-color 0.3s, box-shadow 0.3s; 
 
    transition: border-color 0.3s, box-shadow 0.3s; 
 
}

  <div class="input-group noEnter"> 
 
       <label for="basic-url">Date of birth</label> 
 
       <input type="text" class="form-control datepicker" placeholder="" aria-describedby="basic-addon1"> </div>

пожалуйста, как я могу решить эту проблему.

Answer 1

Я не вижу ссылок на файлы CSS темы библиотеки pickadate в вашем фрагменте. Это autoclosing для меня, когда я добавил их

$('.datepicker').pickadate({ 
 
    selectMonths: true, // Creates a dropdown to control month 
 
    selectYears: 15 // Creates a dropdown of 15 years to control year 
 
});

.form-control { 
 
    display: block; 
 
    width: 100%; 
 
    height: 42px; 
 
    padding: .5714285714285714rem; 
 
    font-size: 14px; 
 
    line-height: 1.42857; 
 
    color: #464646; 
 
    background-color: #fff; 
 
    background-image: none; 
 
    border: 1px solid #ccc; 
 
    -webkit-border-radius: 0; 
 
    border-radius: 0; 
 
    outline: none; 
 
    -webkit-transition: border-color 0.3s, box-shadow 0.3s; 
 
    -o-transition: border-color 0.3s, box-shadow 0.3s; 
 
    transition: border-color 0.3s, box-shadow 0.3s; 
 
}

<link rel="stylesheet" href="https://rawgit.com/amsul/pickadate.js/master/lib/compressed/themes/default.css"> 
 
<link rel="stylesheet" href="https://rawgit.com/amsul/pickadate.js/master/lib/compressed/themes/default.date.css"> 
 

 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://rawgit.com/amsul/pickadate.js/master/lib/compressed/picker.js"></script> 
 
<script src="https://rawgit.com/amsul/pickadate.js/master/lib/compressed/picker.date.js"></script> 
 
<div class="input-group noEnter"> 
 
    <label for="basic-url">Date of birth</label> 
 
    <input type="text" class="form-control datepicker" placeholder="" aria-describedby="basic-addon1"> 
 
</div>