投稿編集パネルのjquery datepicker UIによって設定されるカスタムフィールドを追加したいと思います。私はワードプレスに不慣れなので、このようなものを追加する方法についてはよくわかりません。私はプラグインに関してあまり運がありませんでしたので、このようなものを手動で追加する方法について知りたいのですが。私はPHPに精通しています。
あなたはWordPressに慣れていないので、WordPressに メタボックススクリプトを使うことをお勧めします これはあなたのカスタムフィールドを投稿編集パネルに追加する簡単な方法を提供します。
私はあなたがすでに答えを受け入れたことを知っています、しかし私は多分もう少し進んでいる他の人たちのためにこれを付け加えますそれ自身のメタボックスを作成しています。以下は、カスタム投稿タイプのフィールドで日付選択を有効にするために最近のプロジェクトで使用したコードです。あなたのニーズを自由に修正してください。
関数ファイル:
// Register datepicker ui for properties
function admin_homes_for_sale_javascript(){
global $post;
if($post->post_type == 'homes-for-sale' && is_admin()) {
wp_enqueue_script('jquery-ui-datepicker', WP_CONTENT_URL . '/themes/philosophy/js/jquery-ui-datepicker.min.js');
}
}
add_action('admin_print_scripts', 'admin_homes_for_sale_javascript');
// Register ui styles for properties
function admin_homes_for_sale_styles(){
global $post;
if($post->post_type == 'homes-for-sale' && is_admin()) {
wp_enqueue_style('jquery-ui', WP_CONTENT_URL . '/themes/philosophy/css/jquery-ui-1.8.11.custom.css');
}
}
add_action('admin_print_styles', 'admin_homes_for_sale_styles');
次に、日付ピッカーを含むメタボックスにインラインでコードを記述します。
<script>jQuery(document).ready(function(){jQuery( "input[name='chb_homes_for_sale_specifics_dateavail']" ).datepicker({ dateFormat: 'DD, d MM, yy', numberOfMonths: 3 }); jQuery( "#ui-datepicker-div" ).hide();});</script>
あなたは今単に使用することができます
wp_enqueue_script( 'jquery-ui-datepicker' );
コアにバンドルされているので。