UPDATE看来这可能是一个问题,
$("#opening_time").datetimepicker();
$("#opening_time_end").timepicker();
$("#closing_time_end").timepicker();
如果有
datetimepicker
在a之前呼叫
timepicker
然后
timepicker
不起作用。我不明白,因为我有
datepicker
工作和一切都是以同样的方式包含的。我错过了什么?
成功地添加了jQuery UI日期选择器,甚至为just time添加了时间选择器meta_box
字段。我一直在尝试特伦特·理查德森的计时器插件,但我无法让它出现。
这是wp-enqueue
在函数中。php。
/**
* Adds a jQuery datepicker script to Event pages.
* http://jqueryui.com/demos/datepicker/
*/
function pbd_events_jquery_datepicker() {
wp_enqueue_script(
\'jquery-ui-datepicker\',
get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/jquery-ui-1.8.16.custom.min.js\',
array(\'jquery\')
);
wp_enqueue_script(
\'jquery-ui-timepicker\',
get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/jquery.ui.timepicker.js\',
array(\'jquery\')
);
wp_enqueue_script(
\'jquery-ui-timepicker-addon\',
get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/jquery.ui.timepicker-addon.js\',
array(\'jquery\')
);
wp_enqueue_script(
\'pbd-datepicker\',
get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/pbd-datepicker.js\',
array(\'jquery\', \'jquery-ui-datepicker\', \'jquery-ui-timepicker\', \'jquery-ui-timepicker-addon\')
);
}
add_action(\'admin_print_scripts-post-new.php\', \'pbd_events_jquery_datepicker\');
add_action(\'admin_print_scripts-post.php\', \'pbd_events_jquery_datepicker\');
/**
* Adds CSS for the jQuery datepicker script to Event pages.
* http://jqueryui.com/demos/datepicker/
*/
function pbd_events_jquery_datepicker_css() {
wp_enqueue_style(
\'jquery-ui-datepicker\',
get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/css/smoothness/jquery-ui-1.8.16.custom.css\'
);
wp_enqueue_style(
\'jquery-ui-timepicker\',
get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/css/jquery.ui.timepicker.css\'
);
wp_enqueue_style(
\'jquery-ui-timepicker-addon\',
get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/css/jquery.ui.timepicker-addon.css\'
);
}
add_action(\'admin_print_styles-post-new.php\', \'pbd_events_jquery_datepicker_css\');
add_action(\'admin_print_styles-post.php\', \'pbd_events_jquery_datepicker_css\');
以下是pbd datepicker中添加的函数调用
wp-enqueue
.
jQuery(function($) {
$( "#start_date" ).datepicker({ dateFormat: \'yy/mm/dd\', numberOfMonths: 2, minDate: 0 });
$( "#end_date" ).datepicker({ dateFormat: \'yy/mm/dd\', numberOfMonths: 4 });
$("#opening_time").datetimepicker();
$("#opening_time_end").timepicker();
$("#closing_time_end").timepicker();
$("#artist_talk_time_end").timepicker();
$("#lecture_time_end").timepicker();
$("#panel_time_end").timepicker();
$("#special_event_time_end").timepicker();
$("#workshop_time_end").datetimepicker();
});
输入字段
id
s是准确的。我已经检查并再次检查了打字错误。为什么要使用前两个脚本jquery。用户界面。计时器选择器。js和datepicker可以工作,但不能使用jquery。用户界面。timepicker插件。js??
我打错js了吗?
提前谢谢你。
最合适的回答,由SO网友:John Bentwin 整理而成
我发现我需要声明正确的js依赖项。此代码现在可以工作了。希望它能帮助其他人解决同样的问题。
关键线路array(\'jquery-ui-core\' ,\'jquery-ui-datepicker\', \'jquery-ui-slider\')
完整的“wp排队”代码:
function pbd_events_jquery_datepicker() {
wp_enqueue_script(
\'jquery-ui-datepicker\',
get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/jquery-ui-1.8.16.custom.min.js\',
array(\'jquery\')
);
wp_enqueue_script(
\'jquery-ui-timepicker-addon\',
get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/jquery-ui-timepicker-addon.js\',
array(\'jquery-ui-core\' ,\'jquery-ui-datepicker\', \'jquery-ui-slider\')
);
wp_enqueue_script(
\'pbd-datepicker\',
get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/pbd-datepicker.js\',
array(\'jquery\', \'jquery-ui-datepicker\' , \'jquery-ui-timepicker-addon\')
);
}
add_action(\'admin_print_scripts-post-new.php\', \'pbd_events_jquery_datepicker\');
add_action(\'admin_print_scripts-post.php\', \'pbd_events_jquery_datepicker\');
/**
* Adds CSS for the jQuery datepicker script to Event pages.
* http://jqueryui.com/demos/datepicker/
*/
function pbd_events_jquery_datepicker_css() {
wp_enqueue_style(
\'jquery-ui-datepicker\',
get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/css/smoothness/jquery-ui-1.8.16.custom.css\'
);
wp_enqueue_style(
\'jquery-ui-timepicker-addon\',
get_bloginfo(\'template_directory\') . \'/jquery-ui-datepicker/css/jquery-ui-timepicker-addon.css\'
);
}
add_action(\'admin_print_styles-post-new.php\', \'pbd_events_jquery_datepicker_css\');
add_action(\'admin_print_styles-post.php\', \'pbd_events_jquery_datepicker_css\');