使用twitter datepicker.css和bootstrap-datepicker.js

时间:2013-07-19 17:05:38

标签: twitter-bootstrap datepicker

我正在尝试使用twitter datepicker.css和bootstrap-datepicker.js创建一个日期选择器,但它无法正常工作。我在这个项目中使用了codeigniter。

<input type="text" name="end_date" value="" class="datepicker" data-format="dd-MM-yyyy" />  

<script>
    $(function() {
        $( ".datepicker" ).datepicker();
    });
</script>

我已经包含了上面提到的两个文件,但这不起作用。我怎样才能使它发挥作用?

我有一个错误(Firebug) - &gt; “TypeError:$(...)。datepicker不是函数”

2 个答案:

答案 0 :(得分:2)

您可以使用:http://www.eyecon.ro/bootstrap-datepicker/

$(function() {
  $(".datepicker").datepicker({format:'dd/mm/yyyy'});
});

这是一个有效的例子:http://refork.com/x771

答案 1 :(得分:0)

红色,

分享你的代码的jsFiddle会很有帮助。至少让我们知道您要加载的脚本和要加载的样式以及顺序。由于datepicker依赖于jQuery,因此您需要确保在.js文件之前加载jQuery。您询问了bootstrap-responsive和bootstrap文件。只要你链接到正确的它应该工作。

希望这会给你一点方向。当您分享更多信息时会更新。