Question

https://jqueryui.com/datepicker/
当我使用下面的源代码并将其粘贴到我的html文件中时：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body>

日期：

菜单不会出现。

有什么问题？

谢谢！

我知道href="/resources/demos/style.css"无法正常工作，因为我没有文件

Answer 1

以下是您的解决方案Codepen。看一下这个。我认为只有输入字段问题

<input id="datepicker" type="text" name="fname">

并且功能没有写在

中

$(document).ready(function(){
    $( "#datepicker" ).datepicker();
});

它适用于我。

Answer 2

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="jquery-ui.js"></script>
    <script>
        $(document).ready(function() {

            $(".datepicker").datepicker({
                changeMonth: true,
                changeYear: true,
                yearRange: '1800:2100'
            });

        })
    </script>
</head>

<body>
    <input type='text' class='datepicker' />
</body>

</html>

Make sure you include the scripts both of them

<script type="text/javascript"src="jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>

您可以下载here和here

jQuery UI Datepicker没有出现

2 个答案: