web-dev-qa-db-ja.com

タイムピッカーをサポートしていない日付ピッカー

datepickerは完璧に機能していますが、datetimepickerはwordpress-4.6.1の前面で機能していません。

編集

私はbootstrap-datetimepicker.jsを使って静的なHTMLでこれを持っています、しかし私はワードプレスでこのピッカーを使いたくありません。私はこれをワードプレスの日付ピッカーだけを使って達成したい。出来ますか?

_ html _

<input type="text" name="date1" id="date1" value="" />
<input type="text" name="datetime" id="datetime" value="" />

wp_enqueue_scripts

add_action('wp_enqueue_scripts', 'custom_datepicker');
function custom_datepicker() {
    wp_enqueue_script('jquery-ui-datepicker');
    wp_enqueue_script('jquery-ui-core');    
}

_ js _

add_action('wp_head','custom_header_script');
function custom_header_script() {
?>
    <script type="text/javascript">
        jQuery(document).ready(function($){
            $('#date1').datepicker();
            $('#datetime').datepicker({
               timeFormat:'hh:mm'
            });
        });
    </script>
<?php
}
2
SCC

Wordpressは日付ピッカーのみをサポートします。日付ピッカーにタイムピッカーを追加したい場合は、テーマまたはプラグインの拡張子としてjquery-ui-timepicker-addonを使用する必要があります。

以下のようにcssとjsを追加してください

add_action('wp_enqueue_scripts', 'custom_datepicker');
function custom_datepicker() {
    //wp_enqueue_script('jquery-ui-datepicker');
    //wp_enqueue_script('jquery-ui-core');          
    wp_enqueue_script('jquery-ui-timepicker-addon',get_stylesheet_directory_uri().'/js/jquery-ui-timepicker-addon.js',array());
    wp_enqueue_style('jquery-ui-timepicker-addon',get_stylesheet_directory_uri().'/css/jquery-ui-timepicker-addon.css',array());
    wp_enqueue_style('jquery-ui',get_stylesheet_directory_uri().'/css/jquery-ui.css',array());  
}

あなたはこのリンクからすべてのcssとjsファイルをダウンロードすることができます http://trentrichardson.com/examples/timepicker/ /

以下のようにタイムピッカーを呼び出す

<script type="text/javascript">
    jQuery(document).ready(function($){
        $('#datetime').datetimepicker({
          timeFormat: "hh:mm",
          dateFormat : 'yy-mm-dd'
        });
    });
</script>
2
user19922801