steamroll
steamroll
采纳率100%
2015-12-08 07:21 浏览 6.4k

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条回答 默认 最新

  • 已采纳
    steamroll steamroll 2016-01-13 13:41

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

    点赞 评论 复制链接分享
  • qq_31173597 qq_31173597 2015-12-08 07:32
  • steamroll steamroll 2015-12-08 07:51

    图片说明

    点赞 评论 复制链接分享
  • qq_31173597 qq_31173597 2015-12-08 08:02
    $('.input-group.date').datepicker({ format: "yyyy-mm-dd", todayBtn: "linked", language: "zh-CN", autoclose: true });

    这么写试试

    点赞 评论 复制链接分享
  • qq_31173597 qq_31173597 2015-12-08 08:03

    图片说明把$function 去掉

    点赞 评论 复制链接分享
  • machine0729 成越 2015-12-08 08:10

    看下类名是不是写错了啊

    点赞 评论 复制链接分享
  • tomcat_2014 toMatser 2015-12-08 09:10

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

    点赞 评论 复制链接分享

相关推荐