2013-02-27 66 views
1

我試圖添加jQuery UI timepicker addon到我的datepicker函數。這些被加載到我的Wordpress安裝的管理部分。jQuery UI Timepicker

腳本和樣式表正在標題中加載。我的問題是timepicker函數沒有初始化。

datepicker顯示罰款點擊。我在這裏弄亂了語法嗎?

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'); 

回答

1

我知道這是一箇舊帖子,但也許別人正在碰到這個。

首先your're不初始化圖書館的權利。不需要爲datetimepicker排入完整的jquery-ui-core。在我的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_script我們指附帶的jQuery UI類的的DateTimePicker - 在這裏看到的完整列表Wordpress Reference/wp register script

其次你的DateTimePicker不工作,因爲在調用datetimpicker時,datepicker會加載並顯示在#pyre_open上。 刪除以下行應該做的伎倆或選擇另一個html元素的時間/ datepicker。

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