Fatal编程技术网
  • javascript/
  • 使用javascript文件时未出现日期选择器

使用javascript文件时未出现日期选择器

javascript jquery html jquery-ui

使用javascript文件时未出现日期选择器,javascript,jquery,html,jquery-ui,datepicker,Javascript,Jquery,Html,Jquery Ui,Datepicker,我试图通过使用javascript文件使Datepicker小部件出现，但当我在浏览器中加载html文件时，它不会出现。我对html/javascript编码也很陌生 当我将Datepicker包含在html中的脚本标记中时，它会出现，但当它位于javascript文件中时，它不会出现 HTML代码： <head> <meta charset="UTF-8"> <title>PDG</title> <meta name

我试图通过使用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>
嗯，一种代码气味，你的div不在body标签内。此外，也没有html标记，因此可能您没有粘贴整个页面。除此之外，您的
index.js
文件包含在jquery包含之前……将其移动到end body标记的右上方。“@shadoe2020成功了！非常感谢。它不必在正文的末尾，因为脚本使用的是一个准备好的文档。但是，它必须在jquery包含之后。好吧，一个代码气味，您的div不在body标记内。此外，也没有html标记，因此可能您没有粘贴整个页面。除此之外，您的
index.js
文件包含在jquery包含之前……将其移动到end body标记的右上方。“@shadoe2020成功了！非常感谢。它不必在正文的末尾，因为脚本使用的是一个准备好的文档。但是，它必须在jquery包含之后。 
$(document).ready(function() {
    $( "#datepicker" ).datepicker();
});