日期选择器不支持时间选择器

时间:2016-09-14 作者:SCC

这个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
}

1 个回复
最合适的回答,由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>

相关推荐

How to secure my php forms

请告诉我如何使用php创建和显示表单的安全建议,我想从安全角度了解我的以下代码是否不受交叉脚本攻击或sql注入或任何形式的攻击或黑客攻击。$form = \'<div class=demessage>\' . esc_html__($message, \"gold\") . \'</div>\' ; $form .= \'<form action=\"\" method=\"post\" name=\"base\">\'; $form .= e