Bootstrap Datepicker未加载

时间:2015-12-04 09:18:34

标签: javascript html5 css3 bootstrap-datepicker

实际上,我正在使用Bootstrap3构建一个新网站,而且我无法使用DatePicker启用我的字段...我仍然不知道我做错了什么......

http://cpan-01.kpc-solutions.net/~clublaboom/guestlist.html

"日期......"字段应该通过点击显示日期选择器,但它不起作用。

有人可以帮助我吗?

谢谢!

1 个答案:

答案 0 :(得分:6)

几乎所有网站都在标题上加载jquery,甚至检查stackoverflow.com  如果你看到你的控制台有错误,如ReferenceError: $ is not defined 因为在$的那个地方$(document).ready不可用,因为代码执行在浏览器中发生,而在此行时定义$

 <script src="js/jquery.min.js" type="text/javascript"></script>

执行,所以你可以在标题上加载jquery,这样你就可以在页面的任何地方使用它,或者在你包含它之后写jquery代码

在包含jquery之后编写这段代码也将解决你的问题

 <script type="text/javascript">
            // When the document is ready
            $(document).ready(function () {

                $('#example1').datepicker({
                    format: "yyyy-mm-dd"
                });  

            });
        </script>

因为在您包含jquery之后,您可以在$(document).ready函数中使用$