web-dev-qa-db-ja.com

投稿編集でカスタムフィールドにJquery Datepickerを追加する

投稿編集パネルのjquery datepicker UIによって設定されるカスタムフィールドを追加したいと思います。私はワードプレスに不慣れなので、このようなものを追加する方法についてはよくわかりません。私はプラグインに関してあまり運がありませんでしたので、このようなものを手動で追加する方法について知りたいのですが。私はPHPに精通しています。

custom-fieldphpjquerydatepicker
4
Thomas

あなたはWordPressに慣れていないので、WordPressに メタボックススクリプトを使うことをお勧めします これはあなたのカスタムフィールドを投稿編集パネルに追加する簡単な方法を提供します。

  • テキスト、テキストエリア、チェックボックス、チェックボックスリスト、ラジオボックス、select、wysiwyg、ファイル、画像、日付、時間、色など、さまざまなフィールドタイプをサポートします。開発者はスクリプトを拡張することで、より多くの種類を簡単に追加できます。
  • 複数のメタボックスを作成することを許可します。
  • OOPで書かれているので、開発者はスクリプトを簡単に拡張できます。
  • カスタム投稿タイプを操作します。各メタボックスは、多くのカスタム投稿タイプに対して定義できます。
5
Bainternet

私はあなたがすでに答えを受け入れたことを知っています、しかし私は多分もう少し進んでいる他の人たちのためにこれを付け加えますそれ自身のメタボックスを作成しています。以下は、カスタム投稿タイプのフィールドで日付選択を有効にするために最近のプロジェクトで使用したコードです。あなたのニーズを自由に修正してください。

関数ファイル：

// 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>
11
Brady

WordPress 3.5以降

あなたは今単に使用することができます

wp_enqueue_script( 'jquery-ui-datepicker' );

コアにバンドルされているので。

3
kaiser