it-swarm.com.de

Datepicker unterstützt keinen Timepicker

Die datepicker funktioniert einwandfrei, aber die datetimepicker funktioniert in wordpress-4.6.1 auf der Vorderseite nicht.

Bearbeiten

Ich habe dies in statischem HTML mit bootstrap-datetimepicker.js aber ich möchte diesen Picker nicht in WordPress verwenden. Ich möchte dies nur mit WordPress Datepicker erreichen. Ist es möglich?

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 unterstützt nur Datepicker. Wenn Sie im Datepicker einen Timepicker hinzufügen möchten, müssen Sie jquery-ui-timepicker-addon als Erweiterung in Ihrem Theme oder Plug-In verwenden.

Füge CSS und Js wie folgt hinzu

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());  
}

Sie können alle CSS- und JS-Dateien von diesem Link herunterladen. http://trentrichardson.com/examples/timepicker/

Timepicker wie folgt aufrufen

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