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

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

我尝试了这个网站上的代码: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>

该代码适用于代码片段...

最佳答案

正如评论中提到的,是的,它会起作用;因为脚本将在 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>

关于javascript - 日期选择器不工作(ASP.NET MVC),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51571473/

相关文章:

javascript - 字体大小更改事件的 CKEditor

javascript - 导航返回页面时隐藏字段验证

c# - 当存储过程返回结果集和异常时,ExecuteReaderAsync 不会抛出异常

c# - 用于数据库数据和文件复制的书面传输脚本

c# - 生成 HTML 文件的最简单方法是什么?

jquery ajax 200 OK JSON.ParseError

javascript - 如何通过对其他表单域进行分组来创建自定义表单域?

javascript - 在此示例中,jQuery 对 "this"做了什么?

javascript - 将JS对象转换为HTTP GET请求查询字符串(使用jquery)

javascript - Uncaught ReferenceError : JSZip is not defined