2

真的希望你能帮我解决这个问题，我迷路了......

我已将bootstrap-datepicker.js和添加bootstrap-timepicker.js到主题的 js 文件夹和相关的 css 文件到 css/bootstrap 文件夹。

我已经修改了 functions.php 以将脚本和样式表排入队列：

wp_enqueue_script('bootstrap-js', get_template_directory_uri() .'/js/bootstrap.js');
wp_enqueue_script('bootstrap-datepicker', get_template_directory_uri() .'/js/bootstrap-datepicker.js');
wp_enqueue_script('bootstrap-fileupload', get_template_directory_uri() .'/js/bootstrap-fileupload.js');
wp_enqueue_script('bootstrap-timepicker', get_template_directory_uri() .'/js/bootstrap-timepicker.js');

wp_enqueue_style('bootstrap', get_template_directory_uri().'/css/bootstrap/bootstrap.css');
wp_enqueue_style('responsive', get_template_directory_uri().'/css/bootstrap/bootstrap-responsive.css');
wp_enqueue_style('bootstrap-datepicker', get_template_directory_uri().'/css/bootstrap/bootstrap-datepicker.css');
wp_enqueue_style('bootstrap-fileupload', get_template_directory_uri().'/css/bootstrap/bootstrap-fileupload.css');
wp_enqueue_style('bootstrap-timepicker', get_template_directory_uri().'/css/bootstrap/bootstrap-timepicker.css');

对象显示正确，但单击它们时没有任何反应。我用下面的 HTML 调用它们（来自每个作者网站的示例代码）：

<div class="input-append date" id="datepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
    <input class="span2" size="16" type="text" value="12-02-2012">
    <span class="add-on"><i class="icon-th"></i></span>
</div>

<div class="input-append bootstrap-timepicker-component">
    <input type="text" class="timepicker-default input-small">
    <span class="add-on">
        <i class="icon-time"></i>
    </span>
</div>

当我在 Chrome 中检查元素时，我可以看到 CSS 在那里，并且脚本出现在 Resources > Scripts 部分。网站上的其他一切工作正常。

4

1 回答 1

3

问题是您所做的只是为日期选择器和时间选择器创建标记和样式，您实际上并没有在输入上启用它们。

使用 jQuery，您可以使用以下 javascript 来启用：

$('.timepicker-default').timepicker(); // I would change the class, or maybe use an id
$('#datepicker').datepicker();

您可以在文档中看到更多选项

于 2012-11-09T00:49:36.917 回答