web-dev-qa-db-ja.com

日付のメタボックスを作成する方法

カスタムイベントページを作成していますが、イベントの日付を保存するためのカスタムメタボックスの作成方法を知りたいです。通常のメタボックスにしたくないのですが、これを使ってカスタム検索バーを作成するので、MySQLに保存しないといけないのでしょうか。

私はこれをどうやって行かなければならないかということに関して、私は迷っています。何か案は?

前もって感謝します。

WordPress用のメタボックスが必要な場合は、jaredatchまでにgithubの素晴らしいコードをチェックしてください。

https://github.com/jaredatch/Custom-Metaboxes-and-Fields-for-WordPress

これはあなたがあなたのWPテーマ(またはプラグイン)にあらゆる種類のメタボックスを追加することを可能にします。日付ピッカー、ファイルのアップロード、wysiwyg、テキスト領域、テキストボックス...本当に素晴らしいですし、多くの時間を節約できます。

1
mgyura

Wordpressには、日付ピッカーを実行するためのスクリプトが既に含まれています。

プラグインを使用したくない場合は、通常のテキストメタボックスを作成します。次に、jquery-uiおよびjquery-ui-datepickerの依存関係を使用してwordpress adminにカスタムスクリプトをエンキューする必要があります。

function enqueue_date_picker(){
    wp_enqueue_script(
        'field-date', 
        get_template_directory_uri() . '/admin/field-date.js', 
        array('jquery', 'jquery-ui-core', 'jquery-ui-datepicker'),
        time(),
        true
    );  

    wp_enqueue_style( 'jquery-ui-datepicker' );
}

add_action('admin_enqueue_scripts', 'enqueue_date_picker');

あとは、field-date jsファイルでdatepickerを呼び出すだけです。

jQuery(document).ready(function(){
    jQuery('.datepicker').datepicker(); 
});

.datepickerセレクタに注意してください。メタボックス入力のクラス/ IDの場合は、これをIDまたはクラスに置き換えます。入力をクリックすると日付ピッカーがロードされます。

12
rhysclay