日期选择器不工作(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()
,这意味着在文档完全加载并准备好之前代码不会执行。因此在这种情况下,<script>
标签的放置是无关紧要的。
@MichielSallaets 您附上的屏幕截图是 Visual Studio 的,建议在单独的文件中添加 javascript 代码。我想在浏览器中看到错误。在大多数情况下,浏览器无法找到您的 jquery 和 JqueryUI 库文件。如果您打开浏览器控制台,它实际上会显示其指向文件的位置。以上是关于日期选择器不工作(ASP.NET MVC)的主要内容,如果未能解决你的问题,请参考以下文章
使用日期时间选择器进行日期和时间验证 (ASP.Net MVC Core v1.1)