Vue. js датапикер материализации не отображается - PullRequest
0 голосов
/ 09 мая 2020

Я использую materialize в своем проекте Vue. js У меня проблемы с отображением datepicker materialize, это мой код.

<form class="form">
...
    <input type="text" class="datepicker" />
</form>

 data() {
    return {
      date: null
    };
  },
  mounted() {
    $(document).ready(function() {
      $(".datepicker").datepicker();
    });
  }

Я новичок в Vue. js поэтому я прошу прощения за простоту моего вопроса Итак, как мне получить отображение даты и сохранить его в переменной. У меня возникла проблема с материализацией, не отображающей вкладки должным образом, также я не знаю, есть ли у меня что-то импортирован правильно. это мой html файл.

<head>
  <!--Import Google Icon Font-->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
</head>
<body>
...
 <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>   
 <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script>
 </script>
</body>

1 Ответ

1 голос
/ 09 мая 2020

Похоже, вы забыли загрузить Materialize после jQuery.

  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...