日期选择器不工作（ASP.NET MVC）答案

【问题标题】：Datepicker not working (ASP.NET MVC)日期选择器不工作（ASP.NET MVC）
【发布时间】：2019-01-05 09:02:00
【问题描述】：

我试试这个网站上的代码：http://www.dotnetfunda.com/articles/show/3009/multiple-date-picker-functionality-in-jquery

当我尝试这段代码时，没有任何效果。我还查看了其他教程，结果总是相同。一个空的文本框或一个空白页。

<html>
<head>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
</head>

<script>
 $(function () {
   $("#datepicker").datepicker({
     numberOfMonths: 4,
     showButtonPanel: true
   });
  });
</script>
  
<body> 
 <p>Date: <input type="text" id="datepicker"/></p>
</body>

</html>

该代码适用于代码 sn-p...

【问题讨论】：

“不工作”不是一个很好的解释 - 预期的行为是什么？
您在哪里/如何使用发布的 HTML？检查您的浏览器控制台是否有错误，如果有任何错误，请发布它们
PS：当我运行代码 sn-p 并单击文本框时，日期选择器正在显示，我可以选择一个日期
我想要这个i.imgur.com/KJq1spO.png 但我有这个结果i.imgur.com/Hy1RDc2.png t
@RuiJarimba 我知道。我在这个问题上说它在这里可以工作，但当我用 Visual Studio 运行它时却不行

标签： javascript c# jquery asp.net-mvc jquery-ui

【解决方案1】：

如 cmets 中所述，是的，它会起作用；因为脚本将在 document.ready() 上运行。更正我的答案；但是在正文之后将脚本标签保留在 html 的底部仍然是一个好习惯。

  <html>
  <head>
  <link rel="stylesheet" href="//code.jquery.com//ui//1.11.2//themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com//jquery-1.10.2.js"></script>
  <script src="//code.jquery.com//ui//1.11.2//jquery-ui.js"></script>
  </head> 
  <body> 
   <p>Date: <input type="text" id="datepicker"/></p>
  </body>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <script>
    $(function () {
      $("#datepicker").datepicker({
        numberOfMonths: 4,
        showButtonPanel: true
      });
     });
   </script>
  </html>

【讨论】：

这行不通。我有同样的结果。所以，一个不起作用的文本框......我有同样的警告。
错了。 OP 已将脚本包装在 $(function () {（$(document).ready() { 的别名）中
@RahulRaut 我找不到这个“code.jquery.com/jquery-1.10.2.js 和 code.jquery.com/ui/1.11.2/jquery-ui.js” .并且“script”元素不能嵌入到“html”元素中……
@RahulRaut 这是不正确的。 $() 包装器的使用类似于$(document).ready()，这意味着在文档完全加载并准备好之前代码不会执行。因此在这种情况下，<script> 标签的放置是无关紧要的。
@MichielSallaets 您附上的屏幕截图是 Visual Studio 的，建议在单独的文件中添加 JavaScript 代码。我想在浏览器中看到错误。在大多数情况下，浏览器无法找到您的 jquery 和 JqueryUI 库文件。如果您打开浏览器控制台，它实际上会显示其指向文件的位置。