日期选择器自动关闭选择日期不工作

Question

我开发我在哪里使用日期选择一种形式之后，但选择日期后，日期选择器自动工作不

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

我没有看到任何引用pickadate库的主题CSS文件在您的片段。它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>