모든 것이 괜찮아 보이는 동안 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"/>하고 input 태그가 될 수 있도록 input 태그에서 클래스 hasDatepicker를 제거 <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" />