Air Datepicker не могу подключить
https://air-datepicker.com/ru
Всё сделал по инструкции - не работает. Менял и то и то - не работает Не могли бы вы помочь написать отдельный пример этого календаря? Спасибо большое |
<!DOCTYPE html>
<html>
<head>
<title>Air Datepicker template</title>
<meta charset="UTF-8" />
</head>
<body>
<div class="container">
<h1>Air Datepicker</h1>
<input type="text" id="dp" />
</div>
<script type="module/text" src="./index.js"></script>
</body>
</html>
|
Дальше - я вообще ничего не понимаю. Что в какой папке должно лежать?
|
index.js
import AirDatepicker from "air-datepicker";
import 'air-datepicker/air-datepicker.css';
new AirDatepicker('#dp');
|
папка с модулем - air-datepicker - лежит в рядом с этими файлами
|
|
Откуда взялось type="module/text"?
Просто type="module" И раз это модуль, то зачем его ставить в конец <body>? В <head> вызов модулей вставлять надо. В этом их и прелесть, что загрузка модулей идет параллельно с парсингом html, а работать они начнут, когда парсинг закончится в весь DOM будет построен. import 'air-datepicker/air-datepicker.css'; Про импорт css просто в браузере ничего не слышал. Такой вроде был, как экспериментальная фича в Хроме, но там немного другой синтаксис был
import sheet from './styles.css' assert { type: 'css' };
Есть ли это сейчас, не знаю. Но в Файрфоксе и Сафари все равно не работало. |
import AirDatepicker from "air-datepicker"; А что такое air-datepicker? Это файл air-datepicker.js или это папка такая? Нужно указывать файл. |
Цитата:
|
|
Цитата:
Указание файла без расширения подразумевает использование вебпака или какого то другого сборщика или CLI. Они сами разрешают эти зависимости и подставляют нужный путь к файлу (уже с расширением). Но в чистом ES6 для браузера должен быть указан путь к файлу (абсолютный или относительный). |
Я просил код. Спасибо.
|
Цитата:
Спасибо. |
В другом месте мне написали тоже - что для кода из инструкции нужен упаковщик
|
Цитата:
Тенденция такая нынче. Даже для кода на 10 строк будь любезен иметь node, писать все на ts, использовать webpak (или еще что). Без этого многие уже не умеют. |
| Часовой пояс GMT +3, время: 15:14. |