日期选择器不工作(ASP.NET MVC)

Posted

技术标签:

【中文标题】日期选择器不工作(ASP.NET MVC)【英文标题】:Datepicker not working (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 运行它时却不行 【参考方案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(),这意味着在文档完全加载并准备好之前代码不会执行。因此在这种情况下,&lt;script&gt; 标签的放置是无关紧要的。 @MichielSallaets 您附上的屏幕截图是 Visual Studio 的,建议在单独的文件中添加 javascript 代码。我想在浏览器中看到错误。在大多数情况下,浏览器无法找到您的 jquery 和 JqueryUI 库文件。如果您打开浏览器控制台,它实际上会显示其指向文件的位置。

以上是关于日期选择器不工作(ASP.NET MVC)的主要内容,如果未能解决你的问题,请参考以下文章

ASP.NET MVC - jquery 日期选择器

使用日期时间选择器进行日期和时间验证 (ASP.Net MVC Core v1.1)

日期选择器 ASP.NET c# mvc4

Asp.Net MVC 中的 JQuery UI 日期选择器

ASP .NET MVC 5 日期和时间选择器

在 ASP .NET MVC 5.1/HTML 5 特定中显示日期时间选择器而不是日期选择器