Datepicker CSS загружен, но похоже, что он не применяется - PullRequest
Новая
       7

Datepicker CSS загружен, но похоже, что он не применяется

0 голосов
/ 21 июня 2019

Я установил тему AdminLTE в свой проект Laravel.Все работает и выглядит хорошо, но средство выбора даты, кажется, сломано.

Я перепробовал все источники JS & CSS, даже с CDNS, загрузил все от bower_components, которое ссылалось на datepicker, и он все еще не выглядел так, как должен.

Импорт выглядит так: - 

<script src="{{asset('theme')}}/js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.css" integrity="sha256-bLNUHzSMEvxBhoysBE7EXYlIrmo7+n7F4oJra1IgOaM=" crossorigin="anonymous" />

Код JS со страницы выглядит так: 

<script>
 //Date picker
   $('#datepicker').datepicker({
        autoclose: true
   });
</script>

И вывод выглядит так: http://prntscr.com/o4r6gn

.CSS и .JS файлы загружены, ошибок в console.log нет.

Что не так?(

Ответы [ 2 ]

0 голосов
/ 21 июня 2019

С вашего скриншота кажется, что существует несколько версий Datepicker,

  1. Прежде всего удалите все из них,
  2. Затем получите ту, которая соответствует вашей версии начальной загрузки,
  3. Поместите импорт CSS Datepicker после всех ваших импортов CSS (непосредственно перед закрывающим тегом <head>).
  4. Поместите импорт JS Datepicker после импорта как JQuery, так и Bootstrap.js (JSдолжно быть размещено непосредственно перед закрывающим тегом <body>).
0 голосов
/ 21 июня 2019

Я думаю, что вы импортируете не правильно.Измените ваш импорт на

<script src="{{asset('theme/js/bootstrap-datepicker.js')}}"></script>

...