引导日期选择器和timepicker当添加到WordPress主题不工作(Bootstrap dat

真的希望你能帮助我走出这一个，我迷路了......

我已经添加了bootstrap-datepicker.js和bootstrap-timepicker.js的主题的JS文件夹和相关的css文件的CSS /引导文件夹。

我修改的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是存在的，脚本是存在于资源>脚本节。 在网站上一切工作正常。

Answer 1:

问题是，你所做的一切都是建立在日期选择器和timepicker的标记和样式，你还没有真正使他们的投入。

使用jQuery你可以使用下面的JavaScript来实现：

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

你可以看到文档中更多的选择

• http://jdewit.github.com/bootstrap-timepicker/
• http://www.eyecon.ro/bootstrap-datepicker/

文章来源: Bootstrap datepicker and timepicker not working when added to WordPress theme