我有这个错误:$(...).datepicker不是一个函数

本文介绍了我有这个错误:$(...).datepicker不是一个函数的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我尝试使用日期选择器，但是它不起作用.

I try to use a datepicker, but it doesn't work.

我遇到此错误:$(...).datepicker不是函数

I have this error : $(...).datepicker is not a function

我使用许多框架和库(Adminlte，bootstrap，chartjs，datatable).而且我认为它们之间存在冲突.

I use many frameworks and librairy (Adminlte, bootstrap, chartjs, datatable). And I think that there is a conflicts between they.

$(document).ready(function() {
    $('#datepicker').datepicker();
    $('#datepicker').on("changeDate", function() {
        $('#my_hidden_input').val(
            $('#datepicker').datepicker('getFormattedDate')
        );
    });
});

<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>AdminLTE 2 | Dashboard</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">

    <!-- Theme style -->
    <link rel="stylesheet" href="./css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="./css/skin-black-light.css">
    <!-- CSS Table -->
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">


    <!-- My Style -->
    <link rel="stylesheet" href="./css/style_general.css">
    <link rel="stylesheet" href="./css/style.css">

    <link rel="stylesheet/less" type="text/css" href="./less/dropdown.less" />
    <link rel="stylesheet/less" type="text/css" href="./less/sprites.less" />


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<body class="hold-transition skin-blue sidebar-mini fixed">

                              <div class="form-group">
                                <label>Date</label>
                                <div class="input-group date margin-bottom-10" id="datetimepicker1">
                                    <input type="text" class="form-control" id="date" name="date" placeholder="DD/MM/YYY">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                </div>
                            </div>

    <!-- jQuery 2.2.3 -->
    <script   src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
    <!-- Bootstrap 3.3.6 -->
    <script src="./js/bootstrap.min.js"></script>
    <!-- AdminLTE App -->
    <script src="./js/app.min.js"></script>
    <!-- ChartJS 1.0.1 -->
    <script src="./js/Chart.min.js"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="./js/demo.js"></script>
    <!-- SlimScroll 1.3.0 -->
    <script src="./js/jquery.slimscroll.min.js"></script>
    <!-- JS table -->
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
    <script src="./js/test_table.js"></script>
    <script src="./js/js.js"></script>
</body>

</html>

datepicker不是一个函数

我有这个错误:$(...).datepicker不是一个函数

问题描述

推荐答案