Материализация DatePicker перезаписывает jQuery DatePicker - PullRequest
Новая
       3

Материализация DatePicker перезаписывает jQuery DatePicker

0 голосов
/ 23 декабря 2018

Я использую Materialise CSS в качестве моей CSS Framework, но мне нужно специально использовать средство выбора даты jQuery UI, поэтому я написал одну строчку в своем js-файле: 

$('#search_immobilier_date_debut').datepicker();

Моя проблема в том, что Materialise использует то же самоеФункция jQuery для создания экземпляра DatePicker, который мне не нужен.

Даже когда я вызываю Material JS прямо перед JQuery UI JS, я все равно получаю DatePicker для Materialise.

Вот мои файлы 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>

Спасибо

1 Ответ

0 голосов
/ 24 декабря 2018

Прежде всего, пожалуйста, не делайте ссылки на материализацию файлов .css и .js через CDN.Вы должны получить проект Materialize и включить его в свой проект, чтобы получить доступ к файлу init.js, а также ссылку на файлы Materilize .js и .css, которые существуют в проекте.После этого откройте init.js по этому пути в вашем проекте: 

materialize\docs\js\init.js

Найдите строку ниже в файле и прокомментируйте ее: 

$('.datepicker').datepicker();

Это приведет к недоступности выбора даты в Materialize.

...