Datepicker не работает, когда я добавляю плагин jQuery и jQuery-ui

Я добавил средство выбора даты для пользовательского интерфейса jQuery, но у меня есть эта ошибка:

Uncaught TypeError: $(...).datepicker is not a function

Я добавляю плагин jQuery и jQuery-ui, но у меня тоже ошибка

кодовая ветка:

<!DOCTYPE html>
    <html>
        <head>
            <meta charset = "UTF-8" />
            <title>{% block title %}Acceuil- Trouvez une nounou c'est facile{% endblock %}</title>
            {% block stylesheets %}
                <link href = "https://fonts.googleapis.com/css?family=Open+Sans:400,700|Raleway:400,700|Merriweather:400,700" rel = "stylesheet" type = "text/css">
                <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
                <link href = "https://unpkg.com/[email protected]/dist/leaflet.css" rel = "stylesheet">
                <link rel = "stylesheet"  href = "{{ asset('bundles/app/css/MarkerCluster.css') }}">
                <link rel = "stylesheet"  href = "{{ asset('bundles/app/css/MarkerCluster.Default.css') }}">
                <link rel = "stylesheet"  href = "{{ asset('bundles/app/css/application-42e4eacdbf0506bba5a7d1c783732309c84eb2d6203203da608691b414ebe1c7.css') }}">
            {% endblock %}
            <link rel = "icon" type = "image/x-icon" href = "{{ asset('favicon.ico') }}" />
        </head>
        <body>
            <div id = "page">
                {% block header %}
                            <header id = "navbar">
                                <div class = "container">
                                <a class = "logo nounou-top"  href = "{{path('homePage')}}">BabySitter</a>

                                <div class = "ui secondary user menu floated right">
                                <div id = "connect_subscribe_links">

                                <a class = "item" id = "navbar_connect" href = "{{path('fos_user_security_login')}}">Connexion</a>
                                <a class = "ui small action button blue" id = "navbar_subscribe" href = "{{ path('inscription') }}">Inscription</a>
                                </div>
                                <div class = "ui dropdown autolaunch icon button right top pointing blue" id = "connect_subscribe_menu">
                                <i class = "dropdown icon"></i>
                                <div class = "ui menu transition hidden">
                                <a class = "item" href = "/sessions/new">Connexion</a>
                                <a class = "item" href = "/welcome/choice_category_ad">Inscription</a>
                                </div>
                                </div>
                                </div>
                                </div>
                            </header>
                {% endblock %} 
                {% block body %}            


                {% endblock %}
             </div> 
            {% block javascripts %}
                <script src = "{{ asset('bundles/app/js/places.js') }}"></script>
                <script src = "{{ asset('bundles/app/js/jquery.js') }}"></script>
                <script src = "{{ asset('bundles/app/js/jquery-ui.min.js') }}"></script>
                <script src = "{{ asset('bundles/app/js/application-5385288a7f4b3693dff01f301b0b54547c2887a2eaf0c85b91ed655ec7424ff7.js') }}"></script>
                <script src = "{{ asset('bundles/app/js/stripe.js') }}"></script>
                <script>
     $( function() {
        $( "#datepicker" ).datepicker();
      } ); 
    </script>
            {% endblock %}
        </body>
    </html>

Я добавляю плагин jquery и jquery UI, но у меня есть эта ошибка .. как решить эту ошибку, пожалуйста

Проверьте отрендеренный HTML — правильно ли сгенерированы и работают ваши asset() ссылки? Что входит в ваш bundles/app/js/application-5....js? А как насчет places.js?

Don't Panic 23.03.2019 04:33
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
1
81
1

Ответы 1

Удалите это, попробуйте еще раз: (ваша проблема в том, что вы дважды вызываете библиотеку jquery)

<script src = "{{ asset('bundles/app/js/jquery.js') }}"></script>

Где вы видите 2-й?

Don't Panic 23.03.2019 04:24

Другие вопросы по теме

Похожие вопросы