Question

这是startdate @Html.EditorFor(model => model.startDate)的编辑器，我有jquery打击，查询的代码在页面上，当我运行程序时，日历弹出窗口没有出现，两个代码都在dame cshtml page

<meta charset="utf-8" />

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#startDate" ).datepicker();
  });
  </script>

Answer 1

替换

@Html.EditorFor(model => model.startDate)

与

@Html.EditorFor(model => model.startDate, new { @class="startDate" })

因为您没有为该字段提供类并将您的jQuery更改为

$(function() {
    $( ".startDate" ).datepicker();
  });

所以#变成了.，因为我们正在使用一个类。

Answer 2

您需要验证所有外部脚本是否已正确加载。我建议您安装Fiddler，然后观察您的请求，看看是否所有这些请求都已加载。如果一切正常，那么您需要在调用datepicker函数之前检查脚本是否实际加载。如果您正在使用MVC 4和部分功能，这意味着所有您的javascript代码都需要进入SCRIPTS部分，该部分在加载jquery和jquery-ui库的调用之后放置在您的视图中。使用Goggle Chrome控制台验证没有javascript错误。

查看您在此处发布的代码，一切都应该正常运行。我已经完成了数百万次，每次遇到问题都是因为我错过了一个JQuery库参考，或者我没有按正确的顺序加载它们。

Jquery没有在cshtml上弹出对话框

2 个答案: