jQueryUI时间选择器

jQueryUI时间选择器,jquery,wordpress,jquery-ui,jquery-ui-datepicker,Jquery,Wordpress,Jquery Ui,Jquery Ui Datepicker,我正在尝试将jQuery UI添加到我的datepicker函数中。这些正在加载到我的Wordpress安装的管理部分 脚本和样式表正在头中加载。我的问题是时间选择器函数没有初始化 日期选择器在单击时显示良好。我把这里的语法搞砸了吗 function my_admin_init() { wp_enqueue_script('jquery'); wp_enqueue_script('jquery-ui-core'); wp_enqueue_script('jquery-ui-datepicker'

我正在尝试将jQuery UI添加到我的datepicker函数中。这些正在加载到我的Wordpress安装的管理部分

脚本和样式表正在头中加载。我的问题是时间选择器函数没有初始化

日期选择器在单击时显示良好。我把这里的语法搞砸了吗

function my_admin_init() {
wp_enqueue_script('jquery');
wp_enqueue_script('jquery-ui-core');
wp_enqueue_script('jquery-ui-datepicker', get_stylesheet_directory() . 'js/jquery-ui-1.10.1.custom.min.js', array('jquery', 'jquery-ui-core') );
wp_enqueue_script('jquery-ui-datetimepicker', get_stylesheet_directory() . 'js/timepicker.js', array('jquery', 'jquery-ui-core') );
wp_enqueue_style('jquery.ui.theme', get_stylesheet_directory_uri() . '/css/jquery-ui-1.10.1.custom.min.css');
wp_enqueue_style('jquery.timepicker.theme', get_stylesheet_directory_uri() . '/css/timepicker.css');
}
add_action('admin_init', 'my_admin_init');

function my_admin_footer() {
?>
<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('#pyre_open').datepicker({
        dateFormat : 'DD, d MM, yy'
    });
    jQuery('#pyre_open').datetimepicker();
});
</script>
<?php
}
add_action('admin_footer', 'my_admin_footer');
函数my_admin_init(){
wp_排队_脚本('jquery');
wp_排队_脚本('jquery-ui-core');
wp_enqueue_脚本('jquery-ui-datepicker',get_stylesheet_directory()。'js/jquery-ui-1.10.1.custom.min.js',数组('jquery',jquery-ui-core');
wp_enqueue_脚本('jquery-ui-datetimepicker',get_stylesheet_directory()。'js/timepicker.js',数组('jquery','jquery-ui-core');
wp_enqueue_style('jquery.ui.theme',get_stylesheet_directory_uri()。/css/jquery-ui-1.10.1.custom.min.css');
wp_enqueue_style('jquery.timepicker.theme',get_stylesheet_directory_uri()。/css/timepicker.css');
}
添加动作('admin_init','my_admin_init');
函数my_admin_footer(){
?>
jQuery(文档).ready(函数(){
jQuery('#pyre_open')。日期选择器({
日期格式:“日、日、月、年”
});
jQuery('#pyre_open').datetimepicker();
});

我知道这是一个老帖子,但可能有人碰到了这个

首先,您没有正确初始化库。不需要将datetimepicker的完整jquery ui核心排队。在my functions.php中,代码如下所示:

wp_register_script( "timepicker", get_stylesheet_directory_uri().'/pathTo/jquery-ui-timepicker-addon.min.js', array( 'jquery', 'jquery-ui-datepicker', 'jquery-ui-slider' ), false, true );
...

//and later
wp_enqueue_script( 'timepicker' );
wp_enqueue_script( 'jquery-ui-datepicker' );
wp_enqueue_script( 'jquery-ui-spinner' );
在wp_register_脚本中,我们将包含的jQueryUI类引用到datetimepicker-请参阅此处以获取完整列表

其次,您的datetimepicker不工作,因为在调用datetimepicker时,datepicker已加载并显示在#pyre_open上。 删除下面的行应该可以做到这一点,或者为time/datepicker选择另一个html元素

jQuery('#pyre_open').datepicker({
    dateFormat : 'DD, d MM, yy'
});