Блог

Главная - Вопросы по программированию - Как использовать javascript qodesmith / datepicker

Как использовать javascript qodesmith / datepicker

#javascript #datepicker

#javascript #datepicker

Вопрос:

Я посетил этот сайт:

https://github.com/qodesmith/datepicker

Я точно следовал (я думаю) тому, что он сказал на этом сайте, но все еще не работает. Я всегда получаю ошибку Uncaught ReferenceError: datepicker не определен. Вот мой код:

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<link rel="stylesheet" href="dist/datepicker.min.css">


<script type="text/javascript">
const picker = datepicker('#datePick', {

  // Customizations.
  formatter: (input, date, instance) => {
    // This will display the date as `1/1/2019`.
    input.value = date.toDateString()
  },

  // Settings.
  alwaysShow: true, // Never hide the calendar.
  dateSelected: new Date(), // Today is selected.
  maxDate: new Date(2099, 0, 1), // Jan 1st, 2099.
  minDate: new Date(2016, 5, 1), // June 1st, 2016.
  startDate: new Date(), // This month.
  showAllDates: true, // Numbers for leading amp; trailing days outside the current month will show.
})      


</script>
</head>

<body>
    <input type="text" id="datePick"> 
    
    <script src="dist/datepicker.min.js"></script> 
</body>
</html>

у кого-нибудь есть идеи, что не так с моим кодом, пожалуйста, помогите

Спасибо

Ответ №1:

у вас есть два сценария, один из которых является внешней библиотекой, а другой — вашим использованием, в настоящее время ваш скрипт, который использует средство выбора даты, находится в заголовке, если вы переместите его ниже <script src="dist/datepicker.min.js"></script> , он должен работать, потому что к моменту его подтверждения будет определена переменная datepicker

Ответ №2:

Поскольку javascript запускает сценарии в порядке, в котором они определены в вашем HTML-документе, ваш script блок выполняется до загрузки вашей библиотеки, и, следовательно, вы видите проблему.

Либо загрузите свою библиотеку раньше (не рекомендуется, если вам это не требуется), либо переместите блок сценария инициализации сразу после определения библиотеки в body элементе.

В качестве альтернативы, вы можете подключить window.onload обработчик событий (рекомендуемый способ), и в обратном вызове обработчика событий вы должны инициализировать средство выбора даты.