bootstrap中日历控件datepicker无法显示

图片说明
报错 $(...).datepicker is not a function
一直出现这个问题,导致日历控件点不出来
图片说明

 <!-- Jquery 插件 -->
<script type="text/javascript" src="${pageContext.request.contextPath}/include/javascript/jquery/jquery-1.11.3.min.js"></script>
<!-- 如果要使用 Bootstrap 的js插件,则必须引入 jQuery -->
<script type="text/javascript" src="${pageContext.request.contextPath}/include/bootstrap-3.3.4/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/include/bootstrap-3.3.4/docs/assets/js/docs.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/include/bootstrap-3.3.4/plugins/select/js/bootstrap-select.min.js"></script>

<!-- 载入bootstrap 日历插件 -->

<script type="text/javascript" src="../include/bootstrap-3.3.4/plugins/datepicker/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="../include/bootstrap-3.3.4/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<link rel="stylesheet" type="text/css" href="../include/bootstrap-3.3.4/plugins/datepicker/css/bootstrap-datepicker.min.css" />
 <script type="text/javascript">
    $(function(){
        $('.input-group.date').datepicker({
          format: "yyyy-mm-dd",
          todayBtn: "linked",
          language: "zh-CN",
          autoclose: true
        }); 
    });
</script>

7个回答

引入了两个jQuery,所以无法识别

steamroll
steamroll 这个我看了,情况不一样,我这个问题好像是不能用datepicker函数,
接近 5 年之前 回复

图片说明

qq_31173597
qq_31173597 <script type="text/javascript"> $('你的input的class或id').datetimepicker({ //一堆参数 }); </script>
接近 5 年之前 回复
steamroll
steamroll 问题就出在这里。。。
接近 5 年之前 回复
$('.input-group.date').datepicker({ format: "yyyy-mm-dd", todayBtn: "linked", language: "zh-CN", autoclose: true });

这么写试试

图片说明把$function 去掉

steamroll
steamroll 谢谢亲,是我引入top.jsp,里面也引入了jQuery,两个jQuery他不知道找哪一个,就报错了。
接近 5 年之前 回复

看下类名是不是写错了啊

是不是js引用顺序问题,把js引用到页面下面试试

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问