Блог

Главная - Вопросы по программированию - Автоматическое закрытие средства выбора даты после выбора даты не работает

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

#javascript #jquery #html #css #datepicker

#javascript #jquery #HTML #css #средство выбора даты

Вопрос:

Я разработал форму типа, в которой я использую 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>

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

Ответ №1:

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

 $('.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>