Question

我正在使用数据表（https://datatables.net/）来显示我的数据。此外，我应该在页面上有一些日期时间选择器，但是当我放两个时，在初始化期间我有一个问题。

js call

<script src="data-table-files/jQuery-2.2.3/jquery-2.2.3.min.js"></script>
<script src="js/jquery-ui-1.10.0.custom.min.js"></script>
<script src="data-table-files/datatables.min.js"></script>
<script src="js/dashboard-redesign.js"></script>
<script src="js/dashboard-date-picker.js"></script>

dashboard-table.js具有用于初始化数据表和其他js函数的代码 dashboard-date-picker.js具有日期选择器的初始化

$(document).ready(function () {
    $("#datepicker").datepicker({
        dateFormat: 'dd-mm-yy',
        maxDate: addDays(new Date(), 0)
    });
    function addDays(theDate, days) {
        return new Date(theDate.getTime() - days * 24 * 60 * 60 * 1000);
    }
});

如果页面打开，则控制台中有消息

TypeError：$（...）。datepicker不是函数， $（＆＃34;＃日期选择器＆＃34）。日期选择器（{

如果更改了dashboard-date-picker.js

$(document).ready(function () {
    $.noConflict(true);
    $("#datepicker").datepicker({
        dateFormat: 'dd-mm-yy',
        maxDate: addDays(new Date(), 0)
    });
    function addDays(theDate, days) {
        return new Date(theDate.getTime() - days * 24 * 60 * 60 * 1000);
    }
});

初始化日期选择器和数据表但是，如果有按钮，则应从表中收集选定的值

var table = $('#dashboardTable').DataTable();
    var allSelectedData = table.rows({ selected: true }).data();

有消息：

TypeError：$（...）。DataTable不是函数var table = $（＆＃39;＃dashboardTable＆＃39;）数据表（）;

知道如何将两件事放在同一页面上吗？

我在某个地方看到原因可能是读了两个不同的js，但我只留下了我真正需要的js。

由于

jquery冲突数据表和日期时间选择器

0 个答案: