JQuery UI Datepicker не работает, пока все выглядит нормально

Question

Как заставить этот сниппет работать?

jQuery(function($) { 
 
    jQuery("#date-from").datepicker(); 
 
});

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 
<script type="text/javascript" src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
 
<input class="from hasDatepicker" id="date-from" type="text" />

Answer 1

Добавьте эту строку: вверху <link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/> и удалить класс hasDatepicker из input тега, чтобы ваш input тег будет <input class="from" id="date-from" type="text" />

$("#date-from").datepicker();

<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" /> 
 
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 
<script type="text/javascript" src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
 
<input class="from" id="date-from" type="text" />