我正在尝试通过使用javascript文件来显示Datepicker小部件，并且在浏览器中加载html文件时不会显示它。我对使用html / javascript进行编码也很陌生。
将Datepicker包含在html的脚本标签中时，它会出现，但在javascript文件中时，它不会出现
HTML代码：
<head>
<meta charset="UTF-8">
<title>PDG</title>
<meta name="description" content="web dev assignment" />
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="pdg.css" />
<script src="index.js"></script>
<!-- datepicker files -->
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<div id="datepicker"></div>
JS代码：
$(document).ready(function() {
$( "#datepicker" ).datepicker();
});