Блог

Я не могу выяснить, почему появляется эта ошибка: ошибка типа: o не определена jquery-ui.min.js: 9:4005

Это мой javascript:

 $(document).ready(function() {
    $('.inputDate').datepicker({
        dateFormat:'dd.mm.yy',
    });
});
  

Это мой HTML:

 <label class='required' 
    for='event_start'>Datum</label>
<input id='event_start' 
    class='inputDate' 
    name='event_start' readonly 
    value='22.04.2019'>
  

Включенные файлы в заголовке страницы:

 <link rel="stylesheet" type="text/css" href="js/jquery-ui-1.12.1/jquery-ui.min.css" media="screen"> </link>
<script language="JavaScript" type="text/javascript" src="js/jquery-1.12.1.min.js"></script>
<script language="JavaScript" type="text/javascript" src="js/jquery-ui-1.12.1/jquery-ui.min.js"> </script>
  

После выбора даты появляется виджет выбора даты, но ничего не происходит. Я вижу вышеупомянутое сообщение об ошибке в firefox web developer tools.

Я нашел причину проблемы:

Идентификатор HTML-элемента =»event_start» несколько раз встречался в коде.

Jquery использует идентификатор для сопоставления выбора даты с соответствующим элементом ввода, хотя класс определен как selector.