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" />