2016-03-20 37 views
0

私はWordPressの開発で新しいと私は、datetimeピッカーを使用するプラグインを作成しています。私はブートストラップ日時ピッカーを使用しようとしています。ブートストラップ日時ピッカーが動作しません - それは崩壊しません

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:

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

をしかし、私の日時は次のようになります。.. enter image description here

私は、問題がどこにあるか、誰かが私を助けることを願って:

<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> 

を開始します。

ありがとうございます。

答えて

0

この

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

を追加それはあなたが日付を変更するたびに、それはDatePickerのdiv要素を非表示になりますため、変更のトリガーを追加します。

+0

このコードは質問に答えるかもしれませんが、このコードが質問に答える*理由*および/または*方法に関する追加の文脈を提供することで、長期的な価値が向上します。 –

関連する問題