bootstrap datetime picker funktioniert nicht - es kollabiert nicht

Question

Ich bin neu in WordPress-Entwicklung und ich erstelle ein Plugin, das eine Datetime Picker verwenden. Ich versuche Bootstrap Datetime Picker zu verwenden.

wp_register_script('pca_bs_jsscript', plugins_url('bootstrap/js/bootstrap.min.js', __FILE__), array('jquery'),'1.1', true); 
wp_register_script('pca_bs_dt_jsscript', plugins_url('bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js', __FILE__), array('jquery'),'1.1', true); 
wp_register_script('pca_moment_jsscript', plugins_url('js/moment.min.js', __FILE__), array('jquery'),'1.1', true); 
wp_register_script('pca_collapse_jsscript', plugins_url('bootstrap/js/collapse.js', __FILE__), array('jquery'),'1.1', true); 
wp_register_script('pca_transition_jsscript', plugins_url('bootstrap/js/transition.js', __FILE__), array('jquery'),'1.1', true); 

wp_register_style('pca_bs_style', plugins_url('bootstrap/css/bootstrap.min.css', __FILE__), array(), '20160317', 'all'); 
wp_register_style('pca_bs_dt_style', plugins_url('bootstrap-datetimepicker/css/datetimepicker.css', __FILE__), array(), '20160317', 'all'); 

wp_enqueue_style('pca_bs_style'); 
wp_enqueue_style('pca_bs_dt_style'); 

wp_enqueue_script('pca_bs_jsscript'); 
wp_enqueue_script('pca_moment_jsscript'); 
wp_enqueue_script('pca_collapse_jsscript'); 
wp_enqueue_script('pca_transition_jsscript'); 
wp_enqueue_script('pca_bs_dt_jsscript'); 

HTML:

<div class="form-group"> 
         <div class='input-group date' id='datetimepicker1'> 
          <input type='text' class="form-control" /> 
          <span class="input-group-addon"> 
           <span class="glyphicon glyphicon-calendar"></span> 
          </span> 
         </div> 
        </div> 

einleiten:

jQuery(document).ready(function() { 
    jQuery('#datetimepicker1').datetimepicker(); 
}); 

Aber meine Datetime wie folgt aussieht ..

Ich hoffe jemand kann mir helfen, wo das Problem ist.

Vielen Dank im Voraus.

Answer 1

Fügen Sie diese

$('datetimepicker1').on('changeDate', function(ev){ 
     $(this).datepicker('hide'); 
    }); 

sie eine Änderung Trigger fügt für wann immer Sie das Datum ändern, wird es die picker div verstecken.