这个datepicker
工作正常,但datetimepicker
在wordpress-4.6.1中正面不工作。
Edit
我已经在静态html中使用
bootstrap-datetimepicker.js
但我不想在wordpress中使用此选择器。我只想使用wordpress日期选择器来实现这一点。有可能吗?
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
}
最合适的回答,由SO网友:user19922801 整理而成
Wordpress只支持日期选择器。如果要在datepicker中添加timepicker,必须使用jquery-ui-timepicker-addon
作为主题或插件的扩展。
Add css and js as below
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/Call timepicker as below
<script type="text/javascript">
jQuery(document).ready(function($){
$(\'#datetime\').datetimepicker({
timeFormat: "hh:mm",
dateFormat : \'yy-mm-dd\'
});
});
</script>