物化DatePicker覆盖jQuery DatePicker
提问于 2018-12-23 11:10:57
我使用物化CSS作为我的CSS，但是我需要具体地使用jQuery UI数据采集器，所以我在js文件中写了这一行：
$('#search_immobilier_date_debut').datepicker();我的问题是，物化使用相同的jQuery函数来实例化它的数据报警器，这是我不希望的。
即使我在jQuery UI JS之前调用Material，我仍然可以得到物化数据报警器。
下面是我的css文件：
<!-- Materialize CSS-CSS-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- jQuery UI CSS-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="{{ asset("assets/styles-scripts/css/app.css") }}"/>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">以下是我的JS文件：
<!-- jQuery 3.3 -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E="
crossorigin="anonymous"></script>
<!-- jQuery UI -->
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
crossorigin="anonymous"></script>
<!-- Materialize CSS-JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!-- Custom JS -->
<script src="{{ asset("assets/styles-scripts/js/app.js") }}"></script>谢谢
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-12-23 13:44:29
首先，请不要链接到通过CDN实现.css和.js文件。您应该获得物化项目，并将其包含到您的项目中以访问init.js文件，并链接到项目中存在的母版.js和.css文件。在您的项目中从这个路径打开init.js之后：
materialize\docs\js\init.js在文件中找到下面的行并对其进行注释：
$('.datepicker').datepicker();这会导致数据报警器不可用。
Stack Overflow用户
发布于 2019-10-30 16:11:55
如果其他人遇到这种情况，具体化版本1不再需要jQuery来实例化。在本例中，最好的方法是确保您使用的是最新版本，并遵循给定的在他们的医生里示例
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('.datepicker');
var instances = M.Datepicker.init(elems, options);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53906451
复制相关文章
点击加载更多
腾讯云开发者
